weapp-tailwindcss
weapp-tailwindcss copied to clipboard
[Bug]: Taro 平台,小程序使用正常,换成H5端,样式就被taro 自定义的html 标签默认样式覆盖了
weapp-tailwindcss 版本
4.0.11
tailwindcss 版本
4.0.9
框架 & 小程序平台
taro react 编译到H5
最小复现bug的代码仓库链接
No response
复现bug的步骤
小程序使用正常,换成H5端,样式就被taro 自定义的html 标签默认样式覆盖了,怀疑是tailwindcss4.0 layer之后样式优先级比较低,所以被覆盖
预期是什么?
H5端、小程序段都可以正常使用
实际发生了什么?
小程序使用正常,换成H5端,样式就被taro 自定义的html 标签默认样式覆盖了,怀疑是tailwindcss4.0 layer之后样式优先级比较低,所以被覆盖
运行环境
mac/node18.20.2
其他附加信息
No response
你 css 里面写的是 @import 'tailwindcss',还是 @import 'weapp-tailwindcss'?这2个有一些区别,假如你使用 layer 的话,会造成编译时,选择器的优先级提升。你可以尝试升级 weapp-tailwindcss 看看这个问题是否还存在,目前
Tailwindcss@4 更新频繁,可能会有一些不兼容的地方。
详见 https://tw.icebreaker.top/docs/quick-start/v4
@wangzijun920630