css 如何合并多个任意值，例如：Tailwind中的has

ifsvaxew 于 2023-06-25 发布在其他

关注(0)|答案(1)|浏览(181)

我有一个问题，我希望一个元素不显示，如果它有子元素。
在普通CSS中，这是：

&:not(:has(*)){
 display: none
}

然而，在Tailwind我无法理解它。我试过以下几种方法，但都不管用：

[&:not(:has(*)):hidden] 

[&:not([&:has(*)]):hidden]

有没有一种方法可以合并多个任意值？

css

来源：https://stackoverflow.com/questions/76528632/how-to-combine-multiple-arbitrary-values-such-as-has-in-tailwind

1条答案

按热度按时间

relj7zay1#

您的语法不正确-您希望附加到变量的类位于方括号之外：

<script src="https://cdn.tailwindcss.com"></script>

<div class="[&:not(:has(*))]:hidden">
  Foo
</div>

<div class="[&:not(:has(*))]:hidden">
  <div>Bar</div>
</div>

赞(0）回复(0）举报 2023-06-25

我来回答

css 如何合并多个任意值，例如：Tailwind中的has

1条答案

相关问题

热门标签

最新问答