Мне интересно, можно ли установить элемент margin-left
на основе значения счетчика, используя CSS3.
Другими словами, имея такой HTML-код:
<section>A</section>
<section>B</section>
<section>C</section>
имеют первый блок с margin-left: 0em
, второй с 1em
и т.д.
До сих пор я пробовал следующее:
section
{
counter-increment: sect-indent;
margin-left: calc(counter(sect-indent) * 1em);
}
Но кажется, что calc()
не поддерживает получение значений счетчика.
Можно ли использовать CSS3? Меня не интересуют решения, связанные с ECMAScript.