【问题标题】:Excluding first element in CSS [duplicate]排除 CSS 中的第一个元素 [重复]
【发布时间】:2012-01-23 20:01:18
【问题描述】:

可能重复:
How to skip first child?

我有一个ul,里面有 4 个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。我该怎么做?

【问题讨论】:

  • 理论上我同意这应该作为一个完全相同的副本关闭,但是有一个比链接问题中给出的更好的跨浏览器解决方案。我认为让 StackOverflow 保持打开状态以便给出其他答案符合 StackOverflow 的利益。
  • @我的头疼:li+li?请在链接的主题中发布答案。虽然他的例子没问题,但问题的标题却不行。
  • @My Head Hurts:我将其发布为评论。我应该把它变成答案吗?
  • @BoltClock 是的,我认为这是个好主意
  • @BoltClock 谢谢。你的措辞比我做得更好。

标签: css css-selectors


【解决方案1】:
#someid ul li:not(:first-of-type) {
      font-weight: bold;
}

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

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

【讨论】:

    【解决方案2】:

    使用 CSS first-child 选择器:

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

    【讨论】:

    • 关于您在已删除问题中对 W3Schools 的评论:w3fools.com 应该回答您的问题 :)
    猜你喜欢
    • 1970-01-01
    • 2023-03-12
    • 1970-01-01
    • 1970-01-01
    • 2023-03-18
    • 2012-08-08
    • 1970-01-01
    • 2015-06-07
    • 1970-01-01
    相关资源
    最近更新 更多