weapp-tailwindcss icon indicating copy to clipboard operation
weapp-tailwindcss copied to clipboard

[Bug]: Taro 平台,小程序使用正常,换成H5端,样式就被taro 自定义的html 标签默认样式覆盖了

Open wangzijun920630 opened this issue 9 months ago • 1 comments

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

wangzijun920630 avatar Apr 08 '25 09:04 wangzijun920630

css 里面写的是 @import 'tailwindcss',还是 @import 'weapp-tailwindcss'?这2个有一些区别,假如你使用 layer 的话,会造成编译时,选择器的优先级提升。你可以尝试升级 weapp-tailwindcss 看看这个问题是否还存在,目前 Tailwindcss@4 更新频繁,可能会有一些不兼容的地方。

详见 https://tw.icebreaker.top/docs/quick-start/v4

@wangzijun920630

sonofmagic avatar Apr 08 '25 10:04 sonofmagic