[分享]css3排除第一个元素

CSS3提供了许多实用的选择器，其中一个是“:not”选择器，它可以排除某个元素。例子: li:not(:firstchild) { / styles / } 以上代码意为选择所有不是第一个子元素的l...

CSS3提供了许多实用的选择器，其中一个是“:not”选择器，它可以排除某个元素。

例子:
li:not(:first-child) {
  /* styles */
} 

以上代码意为选择所有不是第一个子元素的li元素，然后对其进行样式设置。

下面看一个具体的例子：

HTML代码：
<ul>
  <li>苹果</li>
  <li>香蕉</li>
  <li>橙子</li>
</ul>

CSS代码：
li:not(:first-child) {
  color: red;
} 

以上代码意为排除第一个li元素，对其余li元素设置文本颜色为红色。

CSS3中的排除选择器可以为我们在设置样式时提供很大的方便，同时使得代码更加简洁易读。