в любом случае) помогите раскрасить номер иначе, чем содержимое
ользую следующий список:
<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>
...да уж. Это произошло, хотя я благодарю вас за предложения и потраченное время, но я искал (li'l standardista, что я ...;)) более ... семантический вариант.
На самом деле, я думаю, что я, вероятно, буду использовать этот подход. Хотя я принял другой ответ Пита Мишо из-за его информативного характера. Спасибо!