CSS 选择器参考手册

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 选择器参考手册的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。