如何在CSS中删除ul中的特定项目符号？

Question

我有一个简单的列表，我想要做的就是删除ul中的特定项目符号点（只是图标，而不是li中的内容）。

我用第一个孩子带走了第一个，但我想删除第六个要点！

我可以这样内联，但我更喜欢使用CSS。

我该怎么做？

Answer 1

jsFiddle here.

您可以使用nth-child选择器来实现此目的。

---

li:nth-child(6) {
   list-style-type: none; 
}

---

修改

现在看来你想为最后一个孩子隐藏它，你可以改用最后一个子选择器：

New jsFiddle here.

li:last-child {
   list-style-type: none; 
}

---

如果你想在IE6-8中使用其中任何一个，你可以使用Selectivizr。

  

“Selectivizr是一个模拟CSS3伪类的JavaScript实用程序   和Internet Explorer 6-8中的属性选择器“

nth-child和last-child是Selectivizr中支持的选择器之一。

Answer 2

使用n-child DEMO http://jsfiddle.net/L8VW4/

这将删除列表项

li:nth-child(6) {
   display: none; 
}

这将仅删除列表项旁边的项目符号图标，并将列表项保留在原位

li:nth-child(6) {
  list-style: none;
}