使用Tailwindcss为所有嵌套元素添加样式

mbskvtky 于 2024-01-09 发布在其他

关注(0)|答案(3)|浏览(184)

我有这个标记：

<p class='[&_a]:text-[red]'><a>hi</a> world</p>

字符串
这段代码将样式添加到p标签中的所有a标签中，但我想将类添加到所有元素中，而不管它是a，'div'还是其他任何东西。我尝试这样做：

<p class='[&_*]:text-[red]'><a>hi</a> world</p>

型
但它不起作用。
我如何才能实现我上面所描述的？

3条答案

“world”不是一个子元素。如果你想给它着色，你应该使用这个类：
第一个月

如果我理解正确的话，你想对你的<p>元素的所有子元素进行样式化。默认情况下，CSS样式会被所有子元素继承。你可以直接在你的<p>元素上使用text-red类，而不需要任何变体。

以后谢谢我！

[&>*]:text-gray-800

字符串