У меня есть простой список, и все, что я хочу сделать, это удалить конкретную маркерную точку (только значок, а не содержимое внутри 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;
}