css选择器，选择除第一个元素以外的其他元素

方法一：元素:not(:first-child){}

实例：

li:not(:first-child){}

方法二：元素:nth-child 或者 元素:notnth-of-type

实例：

li:nth-child(n+2){}

li:nth-of-type(n+2){}

说明：

n是从0开始的，那么n+2自然就是从第2个元素开始了，同理如果选中单数元素那么就是2n+1,如果是想选中双数元素，那么就应该写成2n+2;具体情况可以根据项目情况使用。

方法三：使用伪类选择器:not

li:not(:first-child){}

方法四：巧妙使用 + 或者 ~ 兄弟选择符

ul li + li{}

ul li ~ li{}

说明：

+ 选择器：如果需要选择紧接在另一个元素后的元素，而且二者有相同的父元素，可以使用相邻兄弟选择器。

~ 选择器 ：作用是查找某一个指定元素的后面的所有兄弟结点。

由于都是ul下的li元素，第一个元素没有兄弟元素，所以就能获取除第一个之外的子元素。

搜索

复制