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

【问题标题】：How do I remove a specific bullet point within a ul in CSS?如何在 CSS 中删除 ul 中的特定项目符号？
【发布时间】：2013-04-29 19:43:25
【问题描述】：

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

我用 first-child 去掉了第一个，但我想删除第六个要点！

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

我该怎么做？

【问题讨论】：

标签： css

【解决方案1】：

jsFiddle here.

您可以使用nth-child 选择器来实现这一点。

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

编辑：

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

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

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

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

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

【讨论】：

我又来了。我有很多 ul，里面有不同数量的 li。如果，让我有 6 个 li（然后我会使用你的答案），但是在另一个 ul 上我有 7 个 li（所以我要删除的列表样式带走了第 6 个而不是第 7 个）那我该怎么办？这有任何意义吗？！？
看看这里：chrisbrighton.co.uk/iPhone5.php 并向下滚动到靠近底部的 Pro 和 Con。在此页面上，我使用了您的答案。现在，请看这里：chrisbrighton.co.uk/iPhone4S.php 在此页面上（因为 Pro 和 Con 的数量较少，我使用您的答案删除了“昂贵的购买”而不是“Con”。唷！
不，我要找的不是最后一个孩子。
哈哈，当然！两页都看了吗？在 iPhone 5 页面上，一切正常。在 iPhone 4S 页面上（我已经使用了你的建议），因为“昂贵....”是第六个里，所以它被拿走了。那是错误的。我想删除第 7 个列表样式。有更清楚的吗？
当然。感谢您的所有帮助。

【解决方案2】：

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

这将删除列表项

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

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

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

【讨论】：