tailwindcss 怎么覆盖样式

2022-07-25 11:03:24 +08:00
 mokevip

当两个类的样式冲突时，怎么让某个类的权重提升，类似于!important ，因为大家权重都一样，谁覆盖谁也说不清，就很难受

3075 次点击
所在节点    前端开发
5 条回复
shyling
2022-07-25 11:09:44 +08:00
这东西的设计不应该原子化吗。
按理来说不应该重复写一类样式吧。
你不会先写个 w-2 再写个 w-4 吧。
mokevip
2022-07-25 11:26:39 +08:00
@shyling 自定义了样式 .label width 24 但是当下场景需要覆盖为 w-40
mokevip
2022-07-25 11:27:35 +08:00
不然需要在页面里写样式，用 tailwind 就不太想专门写样式了 （笑哭）
mxnore
2022-07-25 11:41:30 +08:00
前面加个叹号就行
https://tailwindcss.com/docs/configuration#important-modifier
mokevip
2022-07-25 13:32:40 +08:00
@mxnore 谢谢！

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/868484

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX