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

Question

我有一个简单的列表,我想要做的就是删除一个特定的项目符号点(只是图标,而不是li中的内容)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伪类和属性选择器"

n-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;
}