css伪类选择器及其兼容性

常用的几个选择子元素的伪类选择器:

1. :first-child  (兼容性:对于 IE8 及更早版本的浏览器中的 :first-child,必须声明 )

匹配选中元素的第一个元素,如图


css伪类选择器及其兼容性_第1张图片


2. :last-child (兼容性:ie9以下不支持)

匹配选中元素的最后一个元素,如图

css伪类选择器及其兼容性_第2张图片

3. :nth-child(n) (兼容性:ie9以下不支持)

匹配选中元素的第n个元素,如图


css伪类选择器及其兼容性_第3张图片


4. :nth-child(n+m) (兼容性:ie9以下不支持)

匹配选中元素的索引大于m的所有元素,如图(图中表示所有大于4的奇数显示绿色)

css伪类选择器及其兼容性_第4张图片



你可能感兴趣的:(web前端开发,css)