Articles of css counter

Можете ли вы подсчитать конкретный class с помощью CSS?

Допустим, у меня есть простой список: one two three four blabla five six blabla seven Теперь я хочу только число элементов списка с помощью classа count, Итак, если я добавлю CSS: li { list-style-type: decimal; } а затем удалите тип списка для элементов списка без classа: li:not(.count) { list-style-type: none; } Я получаю это: FIDDLE […]

Использовать счетчик css в calc

У меня есть список ul> li * 5 (не всегда такая же сумма). Я установил счетчик, для которого я получаю: 1 2 3 4 5 li:nth-child(n):before { counter-increment: skill; content: counter(skill); color: white; } Вопрос: Можно ли использовать счетчик (навык) внутри calc () или я могу добавить единицы к нему px em rem% ms s […]

Как остановить tags , мешающие счетчикам?

В приведенном ниже коде мне нужно использовать тег div в верхней части HTML для стилизации. Без тега div tags hx имеют нумеруемый контур правильно, но с помощью div на месте все происходит совершенно неправильно. Мне нужно, чтобы это работало так, но с тегом div все еще на месте, и мне нужно, чтобы он работал для […]

Создание номеров строк только с помощью CSS

Я пытаюсь создать код pre box с номерами строк перед каждой строкой. Я предпочитаю делать это только с помощью CSS. Это то, что я сделал pre { background: #303030; color: #f1f1f1; padding: 10px 16px; border-radius: 2px; border-top: 4px solid #00aeef; -moz-box-shadow: inset 0 0 10px #000; box-shadow: inset 0 0 10px #000; } pre span […]