element-ui使用过程遇到的坑(1)—— element-style样式

今天学了一下element-ui的布局,也是为了之后在公司开新项目的时候能够用得上。

那么说一下刚刚遇到的问题,问题如图

element-ui使用过程遇到的坑(1)—— element-style样式_第1张图片

发现导航栏跟控制台之间有一个间距,于是我点击样式一看

看到了这么一个玩意儿,可是我的样式中并没有设置这个所谓的element.style,但是当我把这些margin-left跟margin-right去掉之后,这个间距就消失了。

解决方案:使用!important来覆盖掉这个element.style的样式,因为使用了!important的样式的优先级是最高的。于是我修改了一下样式

这里将margin-left跟margin-right都设置为0,然后加上!important,

之后刷新页面

element-ui使用过程遇到的坑(1)—— element-style样式_第2张图片间距消失了,然后再看看element.style

element-ui使用过程遇到的坑(1)—— element-style样式_第3张图片这里发现element.style中的样式已经被划掉了,也就是说我们利用!important成功的将element.style中的样式覆盖掉了,那么问题也就解决了。

 

你可能感兴趣的:(element-ui使用过程遇到的坑(1)—— element-style样式)