Скажем, у меня есть простой список:
<ol>
<li class="count">one</li>
<li class="count">two</li>
<li class="count">three</li>
<li class="count">four</li>
<li>blabla</li>
<li class="count">five</li>
<li class="count">six</li>
<li>blabla</li>
<li class="count">seven</li>
</ol>
Теперь я хочу только число элементов списка с классом "count"
Итак, если я добавлю CSS:
li {
list-style-type: decimal;
}
а затем удалите тип списка для элементов списка без класса:
li:not(.count) {
list-style-type: none;
}
Я получаю это:
li {
list-style-type: decimal;
}
li:not(.count) {
list-style-type: none;
}
<ol>
<li class="count">one</li>
<li class="count">two</li>
<li class="count">three</li>
<li class="count">four</li>
<li>blabla</li>
<li class="count">five</li>
<li class="count">six</li>
<li>blabla</li>
<li class="count">seven</li>
</ol>