CSS: Отдельные стили для текстовых маркеров списка?

Question

[Константин]

Имеется список:

&lt;ol&gt;<br/>
&lt;li&gt;First&lt;/li&gt;<br/>
&lt;li&gt;Second&lt;/li&gt;<br/>
&lt;/ol&gt;

1. First
   
2. Second
   

Возможно ли как-то к самим маркерам применить правила css, чтобы сделать их, скажем жирнее и красными?

Answer 1

[Ano]

В CSS3 есть псевдоэлемент ::marker.

В CSS2.1 можно наворотить такого:

ol {
    counter-reset: li;
}
ol > li {
    list-style:none;
    position: relative;
}
ol > li:before {
    content:counter(li);
    counter-increment:li;
    position: absolute;
    left: -2em;

    color: red;
    font-weight: bold;
}

В IE <8 вроооде бы работает вот такое с дополнительной разметкой, но IE под рукой нет:

<ol>
<li><p> First
<li><p> Second
</ol>

ol {
   color: red;
   font-weight: bold;
}
ol p {
   color: black;
   font-weight: normal;
}