Я пробовал
<ul id="contact_list">
<li id="phone">Local 604-555-5555</li>
<li id="i18l_phone">Toll-Free 1-800-555-5555</li>
</ul>
с
#contact_list
{
list-style: disc none inside;
}
#contact_list #phone
{
list-style-image: url(images/small_wood_phone.png);
}
#contact_list #i18l_phone
{
list-style-image: url(images/i18l_wood_phone.png);
}
безрезультатно. Появится только диск. Если я хочу, чтобы каждый отдельный элемент списка имел свою собственную пулю, как я могу выполнить это с помощью css, без использования фоновых изображений.
Изменить: я обнаружил, что, несмотря на то, что говорит мне firebug, правило списка-стиля-образа переопределяется каким-то образом. Если я встраиваю правило так:
<li id="phone" style="list-style-image: url(images/small_wood_phone.png);">Local 604-555-5555</li>
тогда все хорошо. Поскольку у меня нет других правил в тестовом примере, который я запускаю, который содержит ul или li в селекторе, я не уверен, почему inlining дает другой результат.