CSS-счетчик и функция CalcCSS

Разбираемся в CSS
Ответить
Anonymous
 CSS-счетчик и функция Calc

Сообщение Anonymous »

Я хочу знать, как я могу объединить функцию счетчика CSS с функцией Calc, чтобы составить список значков.

.list-counter{
counter-reset: list;
}

.list-counter div:not(:first-child){
counter-increment: list;
transform: translateX(calc(counter(list) * -1rem));
}


и связанный с ним HTML (используемые классы CSS являются классами попутного ветра)










Я пытался использовать переменные CSS для наследования, но безуспешно

.list-counter{
counter-reset: list;
}

.list-counter{
counter-increment: list;
--val: counter(list);
}

.list-counter div:not(:first-child){
transform: translateX(calc(var(--val) * -1rem));
}



Подробнее здесь: https://stackoverflow.com/questions/782 ... c-function
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»