Пытаюсь установить разделитель, но хочу пропустить первые несколько элементов в моем ul. Не могу заставить его работать.
<ul>
<li>NO divider here</li>
<li>NO divider here</li>
<li>NO divider here</li>
<li>YES divider</li>
<li>YES divider</li>
<li>YES divider</li>
<li>YES divider</li>
<li>YES divider</li>
</ul>
Мой CSS с попутным ветром
ul {
@apply divide-y;
}
Я не могу пропустить первые три пункта. Для этих трех предметов мне НЕ нужен разделитель. Как сделать?
Перепробовал дюжину вариантов с этим кодом:
css
ul > li:not(:nth-child(-n + 3)) {
@apply divide-y;
}






Класс divide-y всегда должен быть связан с родительским элементом. Цель класса — поместить border между дочерними элементами, которые отображаются как визуальный элемент divider.
Если вы не хотите видеть разделитель на первых трех элементах, просто отключите границу.
ul {
@apply divide-y;
}
ul > li:nth-child(-n + 3) {
@apply border-none;
}
Я попробовал это с divide-none, что не сработало, но не подумал о border-none. Это сработало отлично, большое спасибо.
Привет @Boq7, ты пробовал tailwindcss.com/docs/…?