tailwind css父级规定子级的样式

<ul class="[&_li]:mb-4 [&_li_a:hover]:text-blue-600">
    <li><a href="#"></a></li>
</ul>

也可以规定具体的class名

<ul class="[&.wrap_li]:mb-4 [&.wrap_li_a:hover]:text-blue-600">
    <div class="wrap">
        <li><a href="#"></a></li>
    </div>
    <div class="other">
        <li><a href="#"></a></li>
    </div>
</ul>

这样other是不继承mb-4和hover样式的。

posted @ 2024-08-02 17:36  deajax  阅读(2)  评论(0编辑  收藏  举报