Я использую следующий список:
<ol id="footnotes">
<a name="footnote1"><li></a>This is the first footnote...</li>
<a name="footnote2"><li></a>This is the second footnote...</li>
</ol>
Со следующим .css:
#footnotes {list-style-type: decimal;
list-style-color: #f90;
}
#footnotes li
{color: #000;
}
#footnotes a li,
#footnotes li a
{color: #f90;
}
Цель состоит в том, чтобы текст li/footer был черным (#000
), а число - оранжевым (#f90
).
Я пробовал использовать свойство list-style-color
, но это ничего не делает, кроме опрокидывания панели инструментов веб-разработчиков (в FF3.0.8/Ubuntu 8.04), Midori также не отображает число в оранжевом (я думал, что попробую это в движке Webkit, на всякий случай...).
Любые идеи?
Отредактировано HTML (так как я помню, что тег не обязательно должен содержать что-либо, чтобы служить в качестве привязки):
<ol id="footnotes">
<li><a name="footnote1"></a>This is the first footnote...</li>
<li><a name="footnote2"></a>This is the second footnote...</li>
</ol>
В ответ на те, которые предлагают использовать <span>
внутри <li>
... да. Это произошло, хотя я благодарю вас за предложения и время, но я искал (стандартная стандартная, что я...;)) для более... семантического варианта.
Как бы то ни было, я думаю, что, вероятно, буду использовать этот подход. Хотя я принял другой ответ Пита Мишо из-за его чисто информативного характера. Спасибо!