Скрыть изображение в стиле списка для одного конкретного элемента списка

Question

У меня есть неупорядоченный список вроде:

<ul style="list-style: square url(Images/rssIconSmall.png)">
                    <li><h3>All Items</h3></li>
                    <li>Item1</li>
                    <li>Item2</li>
                    <li>Item3</li>
                    <li>Item4</li>
</ul>

Поскольку я даю «стиль списка» как изображение, оно появляется для всех элементов списка Но я не хочу отображать изображение для первого элемента. Я имею в виду, что для "Все элементы" изображение не должно отображаться. Возможно ли это? Кто-нибудь может мне помочь?

Answer 1

Попробуйте использовать селектор CSS :first-child.

ul li:first-child {
 display: none;
}

PS. Некоторые браузеры (например, IE) могут не работать с этим селектором: http://reference.sitepoint.com/css/pseudoclass-firstchild

или еще лучше,

/* CSS */
ul li.first {
 display: none;
}

<!-- HTML -->
<ul style="list-style: square url(Images/rssIconSmall.png)">
                    <li class="first"><h3>All Items</h3></li>
                    <li>Item1</li>
                    <li>Item2</li>
                    <li>Item3</li>
                    <li>Item4</li>
</ul>

Answer 2

Просто добавьте style = "list-style: нет снаружи, нет;"на элементе вы не хотите иметь пулю.Или настройте его по своему усмотрению.

С уважением, Алинь