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

Question

我有一个简单的列表，我想做的就是删除ul.

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

我可以让它内联，但我更喜欢用 CSS 来做。

我怎样才能做到这一点？

Answer 1

jsFiddle在这里。

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

---

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

---

编辑：

现在看来您想为最后一个孩子隐藏它，您可以使用 last-child 选择器：

新的 jsFiddle 在这里。

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

---

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

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

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

Answer 2

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

这将删除列表项

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

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

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