Не инкрементируется счетчик counter в css [closed] ⇐ CSS

[Anonymous]

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

nth-child


:first-child




:last-child



hello
hello
hello
hello
hello



.container{
counter-reset: h2;
}

.container h2::before{
counter-increment: h2;
content: counter(h2) '.';
width: 35px;
height: 35px;
border-radius: 50%;
position: absolute;
left: 5px;
border: 6px solid rgba(185, 35, 18, 0.862);
display: flex;
align-items: center;
justify-content: center;
}

.hello{
counter-set: h5;
}

.hello h5::before{
counter-increment: h5;
content: counter(h5) '.';
}

Вот никак не пойму в чем проблема, вроде смотрел как его реализовывать и в классе hello все работает, а вот с h2 непонятно по какой причине не срабатывает, не увеличивается значение счетчика


Вот никак не пойму в чем проблема, вроде смотрел как его реализовывать и в классе hello все работает, а вот с h2 непонятно по какой причине не срабатывает, не увеличивается значение счетчика

Подробнее здесь: https://stackoverflow.com/questions/781 ... %d0%b2-css