Как выбрать первые три элемента, потом пропустить один и снова выбрать три

Question

Всем привет! Помогите пожалуйста разобраться, как с помощью css и nth-child сделать так, что бы выбирались первые три элемента, потом пропуск, потом снова 3 и т.д.

Пример:

Выбран
Выбран
Выбран

Пропущен

Выбран
Выбран
Выбран
Пропущен
...

Answer 1

Проще всего так

:not(:nth-child(4n))

Answer 2

Да, дословно так:

<style>
    li{
        font-weight: bold;
    }
    li:nth-child(4n) {
        font-weight: normal;
    }
</style>
<ul>
    <li>Выбран</li>
    <li>Выбран</li>
    <li>Выбран</li>
    <li>Пропущен</li>
    <li>Выбран</li>
    <li>Выбран</li>
    <li>Выбран</li>
    <li>Пропущен</li>
</ul>

Answer 3

:not(:nth-child(4n) {...styles}

почитай про nth-child, это не сложно

БЛОГ НА HUSL

Как выбрать первые три элемента, потом пропустить один и снова выбрать три

Ответы (3 шт):