css 样式冲突问题

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 >>表明冲突时，该样式优先
}

 

转载于:https://www.cnblogs.com/ostrich-sunshine/p/8204343.html