全面了解css 屬性選擇器

1.[class~="flower"]:選中有flower的class
class="flower ss"
class="ss flower"
2.[class|='top']:選擇以top為top開(kāi)頭的class需要有'—'相連 或者單獨(dú)的top
class="top-ss"
class="top"
class="top-ss"//選不中
3.[class^="top"]: 選中以top為開(kāi)頭的不管有沒(méi)有特殊符號(hào)相連,單獨(dú)的top也可以
class="top-ss"
class="topss"
4.[class$="top"]: 選中以top為結(jié)束的class,單獨(dú)的top也行
class="mytop"
class="my-top"
class="top"
5.[class*='tt']: 選中有tt兩個(gè)字母的class不管其位置在哪里
class="sttd"
class="ttee"
class="eett"
6.[target=_blank]
a標(biāo)簽中有target =_blank的選中
7.input[type="button"]
以上這篇全面了解css 屬性選擇器就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
原文地址:http://www.cnblogs.com/lwwen/archive/2016/07/19/5685612.html
相關(guān)文章
CSS 屬性選擇器_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
對(duì)帶有指定屬性的 HTML 元素設(shè)置樣式??梢詾閾碛兄付▽傩缘?HTML 元素設(shè)置樣式,而不僅限于 class 和 id 屬性。下文給大家介紹了css屬性選擇器的相關(guān)知識(shí),感興趣的朋友一2017-06-22- 本文總結(jié)了30個(gè)CSS3選擇器,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-04-13
- CSS3的諸多革命性改進(jìn)中,對(duì)屬性選擇器的增強(qiáng)絕對(duì)是亮點(diǎn)之一,這里我們就來(lái)詳解CSS3中屬性選擇器新增加的特性,需要的朋友可以參考下2016-07-11
- 本篇文章給大家介紹css3選擇器的使用方法匯總,包括通用選擇器,屬性選擇器,偽類(lèi)選擇器,對(duì)css3選擇器相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2015-11-24
CSS屬性簡(jiǎn)寫(xiě)和選擇器的優(yōu)先級(jí)問(wèn)題
這篇文章主要介紹了CSS屬性簡(jiǎn)寫(xiě)和選擇器的優(yōu)先級(jí)問(wèn)題,是CSS入門(mén)學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-08-15- 上一切在《CSS3選擇器——基本選擇器》中主要介紹了CSS3選擇器的第一部分,這節(jié)主要和大家一起來(lái)學(xué)習(xí)CSS3選擇器的第二部分——屬性選擇器2012-01-21
CSS屬性選擇器的四種格式-CSS教程-網(wǎng)頁(yè)制作-網(wǎng)頁(yè)教學(xué)網(wǎng)
屬性選擇器(AttributeSelectors),或許你不應(yīng)該對(duì)屬性選擇器感到陌生,從本質(zhì)上說(shuō),id跟類(lèi)選擇器其實(shí)就是屬性選擇器,只不過(guò)是選擇了id或者類(lèi)的值(value)而已。2008-10-17css對(duì)邊框的屬性控制和鏈接的偽類(lèi)選擇器-CSS教程-網(wǎng)頁(yè)制作-網(wǎng)頁(yè)教學(xué)網(wǎng)
原文:http://jorux.com/archives/property-3-if-you-love-css/ 本篇主要介紹css對(duì)邊框(border)的屬性控制和鏈接(link)的偽類(lèi)選擇器. 邊框(border): css控制的邊框?qū)?/div> 2008-10-17CSS屬性選擇器非常神奇,它們可以幫你避免添加數(shù)不勝數(shù)的類(lèi)名,從另一方面來(lái)指出你代碼里的一些問(wèn)題。接下來(lái)通過(guò)本文給大家介紹使用CSS屬性選擇器來(lái)拼接HTML的DNA的方法,2018-11-02最新評(píng)論