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元素,第一个元素没有兄弟元素,所以就能获取除第一个之外的子元素。

posted @ 2022-08-24 10:40  傲骨灬龙少  阅读(4464)  评论(0编辑  收藏  举报