排除CSS中的第一个元素

时间:2012-01-23 20:01:19

标签: css css-selectors

  

可能重复:
  How to skip first child?

我有一个ul,其中包含li

<div id="someid">
    <ul>
       <li>1st</li>
       <li>2nd</li>
       <li>3rd</li>
       <li>4th</li>
    </ul>
</div>

我正在为这些li元素设置样式:

#someid ul li{
      font-weight: bold;
}

现在我要排除第一个li。我该怎么做?

2 个答案:

答案 0 :(得分:23)

#someid ul li:not(:first-of-type) {
      font-weight: bold;
}

或者如果在古代浏览器中不起作用:

#someid ul li {
      font-weight: bold;
}
#someid ul li:first-child {
      font-weight: normal;
}

答案 1 :(得分:1)

使用CSS first-child选择器:

#someid ul li:first-child { 
    font-weight: normal;
}