Как пропускать nth-of-type(1), если в нём два класса?

Question

[rat_fucker]

Есть появляющиеся divы. Я пытаюсь их расположить по экрану в зависимости от того, сколько их вообще имеется у пользователя, используя

.left-menu:has(.left-menu__user-notification:nth-of-type())

.

<div class="left-menu">
<div class="left-menu__user-notification left-menu__unread-message"></div>
<br>
<div class="left-menu__user-notification"></div>
<div class="left-menu__user-notification"></div>
<div class="left-menu__user-notification"></div>
</div>

Однако :nth-of-type(1) постоянно присваивается .left-menu__user-notification.left-menu__unread-message. Можно ли как-то пропускать его (если он имеется на странице)?

Comments

[Kentavr16]

можно просто вынести нужные для перебора дивы в отдельном родительском диве(что даже логично судя по всему) и у ними работать через дочерние классы. Еще вижу вариант в дааном конкретном случае отобрать по еlement.classList.length, но тогда код будет довольно просто сломать. Еще есть вариант с :not. Выбирай) Но я бы вынес элементы в отдельный див.

[Сергей delphinpro]

Непонятно, что вы хотите сделать?
Имеются ли непрочитанные сообщения?
Тогда их и проверяйте

.left-menu:has(.left-menu__unread_message) {
}