HTML5新增的Css選擇器 偽類介紹

2022-09-22 01:45:10 字數 824 閱讀 9799

選擇器

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 子元...