样式覆盖问题

来源:2-1 Header组件拆分及样式布局(1)

Liiiu

2021-03-12 15:22:17

如果在子页面使用样式文件,样式怎么被antd默认样式覆盖掉了?

http://img.mukewang.com/climg/604b177b09de416710320848.jpg

http://img.mukewang.com/climg/604b17b0092f64bd13521102.jpg

写回答

2回答

好帮手慕言

2021-03-12

同学你好,增加权重,例如:

http://img.mukewang.com/climg/604b49f509eae97405160269.jpg

祝学习愉快~

0

好帮手慕言

2021-03-12

同学你好,以源码的文件目录为例:可以参考下方:

1、antd样式文件中也设置了背景颜色,在自己书写的css文件中,加入设置背景颜色的代码,如下:
http://img.mukewang.com/climg/604b31040917edb104970244.jpg

​如果样式在index.js中引入,并且先引入了antd.css,后引入自己书写的样式文件,那么,生效的背景颜色就是自己书写的红色。

2、如果样式在index.js中引入,先引入自己书写的样式文件,后引入antd.css,那么生效的就是antd.css设置的背景颜色。

3、如果样式在Header/index.js中引入,那么自己设置的背景颜色会被antd.css设置的背景颜色覆盖。如果不想被覆盖,建议:增加权重,如下:

http://img.mukewang.com/climg/604b337809d18fb704860260.jpg

祝学习愉快~

0
hiiiu
hp>除了!important这种方法,有没有其他方法

h021-03-12
共1条回复

0 学习 · 15276 问题

查看课程