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