相关文章推荐
含蓄的书签  ·  百度网盘群分享链接组 - 百度·  11 月前    · 
痴情的墨镜  ·  艺台画中画中画中画晚会,今晚18:30爱奇艺 ...·  2 年前    · 
怕老婆的匕首  ·  18款美规路虎揽胜行政汽油报价典雅商务-新浪汽车·  2 年前    · 
多情的烈酒  ·  一度放量跌停,通信巨头被抄底,外资净买超4. ...·  2 年前    · 
想旅行的双杠  ·  【荣威2023款荣威eRX5混动 ...·  2 年前    · 
Code  ›  使用Tailwindcss向所有嵌套元素添加样式开发者社区
https://cloud.tencent.com/developer/ask/sof/107376435
奋斗的山楂
1 年前
首页
学习
活动
专区
工具
TVP 最新优惠活动
返回腾讯云官网
提问

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

Stack Overflow用户
提问于 2022-10-18 13:30:18
EN

我有这样的标记:

代码语言: 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>

但不起作用。

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

2 60 0 票数 0
EN
html
css
tailwind-css

回答 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

复制

Copyright © 2013 - 2024 Tencent Cloud.

All Rights Reserved. 腾讯云 版权所有

 
推荐文章
含蓄的书签  ·  百度网盘群分享链接组 - 百度
11 月前
痴情的墨镜  ·  艺台画中画中画中画晚会,今晚18:30爱奇艺开启|爱奇艺_新浪科技_新浪网
2 年前
怕老婆的匕首  ·  18款美规路虎揽胜行政汽油报价典雅商务-新浪汽车
2 年前
多情的烈酒  ·  一度放量跌停,通信巨头被抄底,外资净买超4.7亿元!大消息传来,跨境支付龙头大幅走高
2 年前
想旅行的双杠  ·  【荣威2023款荣威eRX5混动 超混优越版】报价_参数_图片 – 新浪汽车
2 年前
今天看啥   ·   Py中国   ·   codingpro   ·   小百科   ·   link之家   ·   卧龙AI搜索
删除内容请联系邮箱 2879853325@qq.com
Code - 代码工具平台
© 2024 ~ 沪ICP备11025650号