Подтвердить что ты не робот

CSS Псевдоэлементные счетчики: можете ли вы увеличивать буквы алфавита "a", "b", "c" и т.д. Вместо числа?

Как определено здесь:

http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment

Вы можете использовать следующий код для увеличения чисел в псевдоэлементах.

H1:before {
    content: "Chapter " counter(chapter) ". ";
    counter-increment: chapter;  /* Add 1 to chapter */
}
H1 {
    counter-reset: section;      /* Set section to 0 */
}
H2:before {
    content: counter(chapter) "." counter(section) " ";
    counter-increment: section;
}

Можно ли использовать один и тот же код для увеличения букв типа "a", "b", "c" и т.д.

Спасибо!

4b9b3361

Ответ 1

Да, второй аргумент counter() определяет тип используемого счетчика, как и для list-style-type из регулярного ul или ol; например:

content: counter(chapter, lower-alpha);

ul {
  counter-reset: listStyle;
}
ul li {
  margin-left: 1em;
  counter-increment: listStyle;
}
ul li::before {
  margin-right: 1em;
  content: counter(listStyle, lower-alpha);
}
<ul>
  <li>one</li>
  <li>two</li>
  <li>three</li>
</ul>