Описание тега css-counter
Как следует из названия, счетчики CSS - это переменные, которые поддерживаются и управляются правилами CSS для подсчета количества раз, когда они использовались в документе. Их значение недоступно вне CSS и обычно используется в качестве псевдоэлементного содержимого. Добавьте этот тег для вопросов, связанных с использованием счетчиков CSS. Для других типов счетчиков используйте общий тег.
1
ответ
Как мне перестать теги <div> мешать счетчикам нескольких уровней заголовков?
Это расширение Как перестать теги мешать счетчикам? Принятый ответ решает проблему для одного уровня заголовков (т.е. H1 в вопросе), но не при наличии нескольких уровней заголовков (см. Ниже) body { counter-reset: h1 h2 h3 h4; } h1 { counter-reset: …
16 янв '17 в 10:35
1
ответ
Счетчики CSS: не сбрасываются, если есть оболочка вне OL
Я пытался создать собственный упорядоченный список (OL) используя "CSS Counters", взяв в качестве примера эту статью Mozilla. Мне нужно немного изменить его, завернув последний OL в контейнер DIV с именем .foo, как показано в этом jsFiddle. <div …
16 июн '15 в 13:32
1
ответ
Как разместить счетчик приращений CSS ниже абзаца текста?
Прикрепленная скрипка ставит counter-increment рядом с каждым абзацем. Возможно ли в каждом абзаце текста <p>, чтобы включить counter-increment элемент под каждым абзацем, выровненный по правой стороне? Я также создал скрипку Если бы можно был…
13 ноя '15 в 01:34
1
ответ
Счетчик не работает динамически?
Можно ли динамически изменять число приращения счетчика каждый раз, когда генерируется новая строка темы, как показано ниже? Число приращения счетчика не изменяется при динамическом создании новой строки темы? Если бы можно было предоставить новую с…
20 апр '16 в 01:32
10
ответов
Как я могу сбросить CSS-счетчик на начальный атрибут данного списка
Я использую самозваный нумерованный список. Как прочитать атрибут start и добавить его в счетчик с помощью CSS? HTML <ol> <li>Number One</li> <li>Number Two</li> <li>Number Three</li> </ol> <ol star…
16 май '14 в 15:27
2
ответа
Упорядоченный список в HTML, который нумеруется с использованием нечетных чисел
С помощью <ol type="1"> в HTML я могу получить упорядоченный список, который будет выглядеть так: я люблю сыр Печенье это хорошо Крем это хорошо... Как бы я использовал <ol> получить упорядоченный список, чтобы иметь только нечетные нуме…
15 ноя '16 в 04:35
1
ответ
Встречное увеличение на родительском, но содержание на дочернем
Я немного борюсь со свойствами css 'counter-increment' и 'counter-reset'. У меня уже отлично работает со списками, но когда дело доходит до тегов заголовка, например, все становится немного менее понятным для меня. Представьте себе следующий макет: …
08 авг '18 в 21:24
0
ответов
Доступ к текстовому значению псевдоэлемента из JavaScript
Я использую элемент псевдо-селектор HTML для создания списка типа структуры. Исходный HTML <style> body { counter-reset: my-sec-counter; } h2::before { counter-increment: my-sec-counter; content: "Section " counter(my-sec-counter) ". "; color:…
23 мар '18 в 10:22
1
ответ
Пользовательский, обычный, упорядоченный стиль списка пули
Я хочу стиль списка как этот ( jsfiddle): Как видите, стиль списка: не один из стилей, предоставляемых CSS, т. е. пользовательский стиль регулярно, т. е. мне не нужно вручную вводить значения 1, 2, 3 и т. д. для <li>s. Итак, если у меня есть ч…
05 июн '16 в 05:58
0
ответов
Счетчики CSS - Демо работает, не работает в браузере
При попытке реализовать удивительный пример CSS-счетчиков Hugo Giraudel, все не получается, когда я пытаюсь настроить его в браузере. Я не пользуюсь counter-reset или же increment, поэтому я не уверен, какие ссылки должны быть изменены. В моем приме…
07 авг '15 в 15:27
1
ответ
Как работают счетчики CSS?
<!DOCTYPE html> <html> <head> <style> body { counter-reset: ele; } *::after { counter-increment: ele; content: "element count " counter(ele); } </style> </head> <body> <h1> h1 </h1> <h2> h…
05 янв '16 в 09:15
2
ответа
Как добавить нумерованный стиль списка в тег div
Я имею div теги с span тег. Как добавить нумерованный список для div тег с использованием имени класса в CSS или JavaScript <div id="editsum"> <div class="esum"><span id="1430568488933" class="tbold">nde</span></div> &l…
11 май '15 в 07:58
1
ответ
Счетчик приращений с упаковкой div
Я хочу использовать счетчик приращений в упорядоченных списках. Я хочу каждый ol продолжить на предыдущем счету. Это работает, когда у меня нет отдельных оберток вокруг ols. Обратите внимание, что это работает для второго ol который находится в том …
25 апр '15 в 07:45
2
ответа
Как уменьшить счетчик без использования счетчика сброса
Я искал это, но я не мог найти ничего похожего на мою проблему. В основном то, что у меня есть, называется счетчик page и я настраиваю счетчик страниц следующим образом: content: "Page " counter(page); как это отображается на экране -> Страница 1 Вс…
12 май '15 в 11:44
2
ответа
Неправильная нумерация в оглавлении в HTML
Я пытаюсь написать содержание, используя HTML в файле. Нумерация, которая появляется в моем оглавлении, ошибочна. Как я могу изменить следующее CSS а также HTML так что четвертая точка пули в моем Output является 4 вместо 3.4? ol { counter-reset: it…
25 май '17 в 23:08
1
ответ
CSS анимация для увеличения счетчика
В последнее время я поиграл со счетчиками CSS, и мне стало интересно, возможно ли поместить их в цикл анимации CSS и увеличивать их. Мой код довольно прост: div { animation-name: anim; animation-duration: 0.5s; animation-iteration-count: 10; animati…
06 ноя '17 в 15:21
1
ответ
CSS counter-reset не работает внутри псевдоэлементов
Следующий пример счетчика CSS не работает должным образом. Счетчик подзаголовков должен сбрасываться после каждого основного заголовка: body { font: smaller sans-serif; counter-reset: h1 h2; } h1:before { counter-reset: h2; content: counter(h1) ". "…
26 фев '15 в 14:47
0
ответов
Как сохранить стойкость счетчика CSS в разных таблицах?
Мой HTML-документ отформатирован так, чтобы его содержимое печаталось. Каждая печатная страница оформлена в виде таблицы. Документ также имеет заголовки на страницах (h1...h5). Проблема в том, что подзаголовок (на уровне h2..h5) продолжается на след…
13 мар '18 в 20:14
1
ответ
Упорядоченный список на арабском языке не работает
Мне нужно показать данные в списке заказов по порядку. пример 1, 2, 3, 3.1, 3.2, 4..... Когда я использую следующий CSS, он показывает содержание в правильном порядке для английского языка, и если мне нужно показать похожую вещь на арабском языке, т…
14 фев '16 в 12:28
1
ответ
Счетчик CSS не увеличивается для <h2>
Я создаю многоколоночный, нумерованный CSS, TOC, как это: | 1. TOC Level-1 | 2. TOC Level-1 | | 1.1 TOC Level-2 | 2.1 TOC Level-2 | | 1.2 TOC Level-2 | 2.2 TOC Level-2 | | 1.3 TOC Level-2 | 3. TOC Level-1 | | 3.1 TOC Level-2 | Поскольку CSS-столбцы …
19 июн '16 в 08:58