首页 > Web开发 > 详细

css 样式冲突问题

时间:2018-02-11 21:14:52      阅读:235      评论:0      收藏:0      [点我收藏+]

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 样式冲突问题

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!