使用自定义类作为条件的Tailwind实践
P粉513316221
P粉513316221 2023-09-08 14:08:57
[CSS3讨论组]

我可以在tailwind中设置一个条件吗?如果父元素有一个类,比如“small”,那么这个元素将使用属性“p-0”。是否可能在不写入所有选项的情况下实现这一点,而是使用类似于“parent-small: p-0”这样的方式?

我尝试只向样式文件添加必要的类,但这会导致很多重复的类,我想知道是否可以使用tailwind来实现这一点。

P粉513316221
P粉513316221

全部回复(1)
P粉438918323

是的!您可以考虑使用group变体,如下所示:

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

<div class="group">
  <div class="p-10 bg-red-200 group-[.small]:p-0">
    Foo
  </div>
</div>

<div class="group small">
  <div class="p-10 bg-green-200 group-[.small]:p-0">
    Bar
  </div>
</div>
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号