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 >>表明沖突時，該樣式優先
}