Как удалить конкретную маркерную точку внутри ul в CSS?

У меня есть простой список, и все, что я хочу сделать, это удалить конкретную маркерную точку (только значок, а не содержимое внутри li) в ul.

Я использовал первого ребенка, чтобы забрать первый, но я бы хотел удалить шестой маркер!

Я мог бы это сделать, но я бы предпочел сделать это с помощью CSS.

Ответы

Вы можете использовать селектор nth-child, чтобы достичь этого.

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

Edit:

Теперь кажется, что вы хотите скрыть его для последнего дочернего элемента, вместо этого вы можете использовать селектор last-child:

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

Если вы хотите, чтобы любой из них работал в IE6-8, вы можете использовать Selectivizr.

"Selectivizr - это утилита JavaScript, которая эмулирует псевдоклассы CSS3 и селектора атрибутов в Internet Explorer 6-8"

nth-child и last-child - некоторые из поддерживаемых селекторов в Selectivizr.

Используйте nth-child DEMO http://jsfiddle.net/L8VW4/

Это приведет к удалению элемента списка

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

Это приведет к удалению только значка маркера, присутствующего рядом с элементом списка, и оставьте элемент списка на месте

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