css3怎么用伪类选择器不要第一个

html-css022

css3怎么用伪类选择器不要第一个,第1张

一、X:nth-child(n) li:nth-child(3) { color: red}接下来的几个伪类选择器使用上非常类似,功能也比较接近。 :nth-child(n),用于匹配索引值为n的子元素。索引值从1开始。 X:nth-child()用法实际上有三种变化,demo的用法是最简单的,X:nth-child()更强大的用处在于奇偶匹配,明河不展开讲,有兴趣的请看《Understanding :nth-child Pseudo-class Expressions》,《CSS3 :nth-child()伪类选择器》 二、X:nth-last-child(n) li:nth-last-child(2) { color: red}:nth-child(n),是从第一个开始算索引,而X:nth-last-child(n)是从最后一个开始算索引。

方法很多种,例如通过伪类:last-child{ 样式 }这个是选择最后一个父级子元素。

第一个父级子元素可以这样nth-child(1){ 样式 }

除了上面的方法还可以通过给第一和最后一个元素设置一个额外的类来设置样式。