選擇器
p[name^=「my」]
選擇器 ^= 講規則應用到所有 name屬性以「my」開頭的元素標籤
p[name$=「my」]
選擇器 $= 講規則應用到所有 name屬性以「my」結尾的
元素標籤fxopxcwn
p[name*=「my」]
選擇器 $= 講規則應用到所有 name屬性包含「my」結尾的
元素上
選擇器 >www.cppcns.com; 、 + 、~
表示受影響的元素是第乙個元素的子元素。
選擇器+這 個選擇器引用緊跟元素之後的元素,這兩個元素必須有相同父級。
選擇器~與+類似,但受影響的元素不一定緊跟第乙個元素。
偽類與引用元素名稱之間要加「:」
例:myclass:nth-child(2)
myclass元素中的第二個素
關鍵字「odd」 ,「ewww.cppcns.comven」
myclass:nth-child(od程式設計客棧d):影響其父元素索引位置為奇數的
myclass:nth-child(even):影響其父元素索引位置www.cppcns.com為偶數的
複製**
**如下:
1 2
1
2 1
2 效果如下:
1 2
1 2
1 2
否定偽類
:not(p)
除了元素之外的其他元素都為red
本文標題: html5新增的css選擇器、偽類介紹
本文位址:
HTML5新增的Css選擇器 偽類
選擇器 p name my 選擇器 講規則應用到所有 name屬性以 my 開頭的元素標籤 p name my 選擇器 講規則應用到所有 name屬性以 my 結尾的元素標籤 p name my 選擇器 講規則應用到所有 name屬性包含 my 結尾的元素上 選擇器 選擇器 表示受影響的元素是第乙個...
html5新增選擇器
分享點html5的學習筆記,比較基礎,突然發現通過寫部落格來記筆記有很多優點呢,平常記得筆記比較簡單,複習起來比較吃力,看自己的部落格理解起來還比較輕鬆,而且只有真正理解了才能表達清楚讓別人看懂,還鍛鍊語言表達能力呢,所以有條件就多寫點東西吧 選擇器 1 queryselector 如果是一組元素,...
HTML5 選擇器續
十 萬用字元選擇器 1 作用 給當前介面所有標籤設定屬性 2 注意點 當介面標籤太多時會影響效能,一般不用 選擇器小練習 charset utf 8 選擇器練習title 1 標籤選擇器 p 2 id identity1 identity2 3 類選擇器 para 4 後代選擇器 divp 5 子元...