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

Вопрос:

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

Лучший ответ:

Это возможно с установкой стиля списка «none» и заменой нумерации по умолчанию на счетчики 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 */
}

Ответ №1

Да, вам может понравиться следующее:

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

Оцените статью
TechArks.Ru
Добавить комментарий