码迷,mamicode.com
首页 > Web开发 > 详细

css 样式冲突问题

时间:2018-02-11 21:30:44      阅读:243      评论:0      收藏:0      [点我收藏+]

标签:冲突   样式   注意   color   名称   style   bsp   span   弹出层   

CSS 样式冲突问题

问题: 当文件中样式名称相同时,易出现样式冲突问题,解决办法如下:

解决:

以 layer.js 中弹出层  .layui-layer-page .layui-layer-content 样式为例

源文件 .layui-layer-page .layui-layer-content 样式如下:

.layui-layer-page .layui-layer-content{
    position: relative;
    overflow: auto;
}

该样式与其他样式冲突时,可自定义样式,如下:

# 注意:确定自定义样式引入到要使用的元素上
.layui-layer-page .layui-layer-content{ position: relative; overflow: inherit !important; //!important >>表明冲突时,该样式优先 }

 

css 样式冲突问题

标签:冲突   样式   注意   color   名称   style   bsp   span   弹出层   

原文地址:https://www.cnblogs.com/ostrich-sunshine/p/8204343.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!