我有一个<div>
,它有一个间接的ul
作为孩子的列表:
<div class="bg-white">
<div> // 1st child block
<nav>
<ul>
</ul>
</nav>
</div>
<div> // 2nd child block
<nav>
<ul>
</ul>
</nav>
</div>
... // 5 blocks in total
</div>
字符串
在Tailwind中,如何只针对最后一个子块的ul
,我尝试了[&_ul:nth-child(5)]:right-0
,[&_ul:last]:right-0
,[&_ul]:last:right-0
,没有一个工作。
1条答案
按热度按时间axr492tv1#
在Tailwind CSS中,你不能仅仅使用伪类直接指向特定子块的最后一个
<ul>
。但是,你可以通过使用自定义类或更特定的选择器来应用样式。字符串
在这种情况下,通过将
relative
类添加到最后一个子块,它允许其中的<ul>
绝对位于该块的右侧。或者,如果你不能修改HTML结构,需要一个纯CSS解决方案,你可以通过JavaScript或服务器端渲染来使用内联样式或额外的类,以特定的
<ul>
为目标,使用Tailwind类。例如,使用JavaScript:型
请记住根据实际的HTML结构相应地调整选择器,以确保正确的目标。