神问题，VUE打包出来，Css冲突。

Question

问题描述

vue打包出来 打包出2个css文件

在一个地方写的代码 打包出来 一个z-index 10001 一个是4

问题出现的环境背景及自己尝试过哪些方法

什么修改引用css的顺序

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
.el_dialog.el_dialog_one {

        z-index: 10001!important;
    }
    .el_dialog {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        position: fixed;
        overflow: auto;
        margin: 0;
        z-index: 10001!important;
        background: rgba(0,0,0,0.5);
        -webkit-font-smoothing: antialiased;

你期待的结果是什么？实际看到的错误信息又是什么？

解决问题呗。

Answer 1

这个问题 我解决了，是webpack有个优化功能，自动将他认为没意义的zindex给优化了。

Answer 2

引css的时候是不是没有用scoped属性