html - 删除第一项的伪类

<分区>

我有一个简单的无序列表:

  <ul id="sub_menu">
    <li></li> 
    <li></li>
    <li></li>
    <!-- and some more -->
  </ul>

我删除了所有 list-style-type 并使用 :pseudo 类创建了我自己的

#sub_menu ul li:before {
  content: "• ";
  color: #FFFFFF; 
}

我想知道的是，如果我想删除此列表的第一个 li 项的伪类，CSS 选择器会是什么样子。

谢谢

最佳答案

您可以使用 :not() 选择器排除第一个 li:

#sub_menu ul li:not(:first-child):before {
  content: "• ";
  color: #FFFFFF; 
}

如果您需要 IE8 兼容性，您可以使用同级选择器的组合，例如:

#sub_menu ul li:first-child ~ li:before {
  content: "• ";
  color: #FFFFFF; 
}

编辑

此外，只是一个旁注...根据您的 html，选择器是错误的。如果 ul 的 id 是 #sub_menu，它应该是

#sub_menu li

代替

#sub_menu ul li

关于html - 删除第一项的伪类，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26531377/

相关文章：

javascript - JS定义的方法仅在语句的一部分等于NaN