Разный стиль для упорядоченного номера и содержимого списка

Question

Возможно ли, что число (или буква или цифра и т. Д.) Упорядоченного списка имеет другой стиль, чем контент, без наличия каких-либо тегов div или span внутри каждого элемента списка ?

Answer 1

Это возможно с установкой список-стиль «ни один» и замена нумерации по умолчанию с помощью счетчиков CSS и псевдо-элементов. Пример: http://jsbin.com/agagoc/1/edit

ol { 
    list-style: none; 
    counter-reset: my-awesome-counter; 
} 

li { 
    counter-increment: my-awesome-counter; 
} 

li:before { 
    content: counter(my-awesome-counter); 
    /* any style for numbers, as if they were spans before the content of LIs, goes here */ 
} 

Answer 2

Да, вы можете like this:

li { 
    list-style: none; 
    counter-increment: myCounter; 
} 
li:before { 
    content: counter(myCounter); 
    font-size: 19px; 
    color: red; 
}