2019獨角獸企業重金招聘Python工程師標準>>>

CSS 選擇器參考手冊

選擇器描述

[attribute]	用于選取帶有指定屬性的元素。
[attribute=value]	用于選取帶有指定屬性和值的元素。
[attribute~=value]	用于選取屬性值中包含指定詞匯的元素。
[attribute|=value]	用于選取帶有以指定值開頭的屬性值的元素，該值必須是整個單詞。
[attribute^=value]	匹配屬性值以指定值開頭的每個元素。
[attribute$=value]	匹配屬性值以指定值結尾的每個元素。
[attribute*=value]	匹配屬性值中包含指定值的每個元素。

?

定義和用法

:first-child 選擇器用于選取屬于其父元素的首個子元素的指定選擇器。

li:first-child { background:yellow; }

:nth-child(n) 選擇器匹配屬于其父元素的第 N 個子元素，不論元素的類型。

n?可以是數字、關鍵詞或公式。

p:nth-child(2) { background:#ff0000; } p:nth-child(odd) { background:#ff0000; } p:nth-child(even) { background:#0000ff; } p:nth-child(3n+0) { background:#ff0000; }

:nth-of-type(n) 選擇器匹配屬于父元素的特定類型的第 N 個子元素的每個元素.

n?可以是數字、關鍵詞或公式。

p:nth-of-type(2) { background:#ff0000; } p:nth-of-type(odd) { background:#ff0000; } p:nth-of-type(even) { background:#0000ff; } p:nth-of-type(3n+0) { background:#ff0000; }

?

?

ps:

http://www.w3school.com.cn/css/css_syntax_attribute_selector.asp

轉載于:https://my.oschina.net/jack088/blog/3003460

總結

以上是生活随笔為你收集整理的CSS 选择器参考手册的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。