CSS противоречит вложенным элементам (стоимость счетчика, кажется, также увеличивается для детских элементов) ⇐ CSS

[Anonymous]

Я хочу определить счетчик CSS, который увеличивает 1 для каждого элемента [Data-Fragment-index] (внутри ):

Код: Выделить всё

section.slide [data-fragment-index] {
counter-increment: my-counter;
}

Это результат:

вместо получения 1, 2, 3, 4 и 5 , я получаю 1, 3, 3, 4 и 5 . < /p>
Что происходит? Я предполагаю, что это как -то связано с вложенными элементами, но я не вижу решения. /Wbnqegm? Editors = 1100 < /p>

Код: Выделить всё

section.slide [data-fragment-index] {
counter-increment: my-counter;
}

.fragment {
position: relative;
}

.fragment::after {
position: absolute;
top: 3px;
right: 5px;
content: counter(my-counter);
background-color: #f28b48;
border-radius: 50%;
border: 2px solid #fff;
width: 16px;
font-weight: bold;
height: 16px;
text-align: center;
color: #fff;
}< /code>

A paragraph
[list]
[*]A list item


A nested list item
[/list]

Another list item

Last paragraph

Подробнее здесь: https://stackoverflow.com/questions/794 ... -child-ele