CSS3 选择器

属性选择器

• [attr^=value] 选择器 指定属性名，且属性值必须以 value 开头

• [attr$=value] 选择器 指定属性名，且属性值必须以 value 结尾

• [attr*=value] 选择器 指定属性名，且属性值只要包含 value 即可

伪类结构选择器

• :first-child 选择器 :first-child 选择器用于选取属于其父元素的首个子元素的指定选择器。

• :last-child 选择器 :last-child 选择器用于选取属于其父元素的最后一个子元素的指定选择器。

注意： 以上两个选择器在使用的时候，选择器前面的：之前可以指定元素类型，如果指定了元素，当选择的元素与指定元素类型不一致时，将无法成功匹配到。例如下面两种都是无效的

.container h3:last-child {
	color: red;
}

.container p:first-child {
	color: red;
}

• :nth-child(n) 选择器 :nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。 n 可以是数字、关键词或公式。

• :nth-of-type(n) 选择器 :nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素。 n 可以是数字、关键词或公式。

以上为常用 CSS3 选择器。更多选择器请参考菜鸟教程 - CSS 选择器参考手册。