tailwindcss4.0升级了,用了vite的方式,因为主UI框架用的antdv,结果出现了antdv组件自身的css比tailwindcss的优先级高的情况。
发现tailwindcss的类都被layer了,而这个layer的特性就是比平常的css优先级要低,考虑到antdv还不能把自身css套上layer(antd好像可以),所以只能把tailwind的layer去掉了,也是为了一些老的ui组件的兼容。

/*原本写法:其中包括了@layer优先级配置,和几大css的导入*/
/*@import "tailwindcss";*/

/*修改后写法*/
@import "tailwindcss/theme.css";
/* 不引入preflight,对应以前的preflight=false */
/*@import "tailwindcss/preflight.css" layer(base);*/
@import "tailwindcss/utilities.css" ;
@import 'ant-design-vue/dist/reset.css';

水木酱
398 声望7 粉丝

戒骄戒躁,勿忘初心


引用和评论

0 条评论