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';
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。