в любом случае) помогите раскрасить номер иначе, чем содержимое

ользую следующий список:

<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, что я ...;)) более ... семантический вариант.

На самом деле, я думаю, что я, вероятно, буду использовать этот подход. Хотя я принял другой ответ Пита Мишо из-за его информативного характера. Спасибо!

Ответы на вопрос(8)

Ваш ответ на вопрос