本文介绍了如何在Tailwind.css中使用：not()？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我最近开始在我的Nuxt项目中尝试Teswind.css。因此我需要使用:not(:last-child)伪元素，但我不知道如何使用。
<ul>
<li
v-for="(item, index) in items"
:key="`item-${index}`"
class="border-solid border-b border-black"
>
Item
</li>
</ul>
我要为除最后一个以外的所有<li>添加下边框。
我知道TailWind有first&；last伪类变量，但我不能将它们与:not()
推荐答案
答案在您共享的last in the docs链接中。
只需将last:border-b-0添加到所有列表项，如果是last-child，则会删除border-bottom。
<ul>
<li
v-for="(item, index) in items"
:key="`item-${index}`"
class="border-solid border-b border-black last:border-b-0"
>
Item
</li>
</ul>
这篇关于如何在Tailwind.css中使用：not()？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！