首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用Tailwindcss向所有嵌套元素添加样式

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

Stack Overflow用户
提问于 2022-10-18 13:30:18
回答 2查看 60关注 0票数 0

我有这样的标记:

代码语言:javascript
运行
复制
<p class='[&_a]:text-[red]'><a>hi</a> world</p>

这段代码将样式添加到a标记中的所有p标记中,但是我希望将类添加到所有元素中,而不管它是a、'div`‘或其他任何东西。

代码语言:javascript
运行
复制
<p class='[&_*]:text-[red]'><a>hi</a> world</p>

但不起作用。

我怎样才能实现我上面所描述的?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2022-10-18 13:53:48

“世界”不是一个儿童元素。如果要对其着色,则应使用以下类:

class="text-[red] [&_*]:text-[red]"

票数 1
EN

Stack Overflow用户

发布于 2022-10-19 07:47:17

如果我正确理解,您希望为您的<p>元素的所有子元素设置样式。默认情况下,CSS样式由所有子元素继承。您可以直接在text-red元素上使用<p>类,而不需要任何变体。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/74111868

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档