css 选择器 /deep/

vue组件中，在style设置为scoped的时候，里面在写样式对子组件是不生效的，若是想让某些样式对因此子组件都生效，能够使用 /deep/ 深度选择器。

<-- less语法 -->
.wrap{  
    /deep/ .el-dialog__header {        
        padding: 0;        
        position: relative;
       //没有必要写多层deep 父类有deep后子类自动也会深度选择 而且这么写在firfox里会失效    
    }
}复制代码

/deep/的意思大概为深刻的，深远的。咱们都知道Scoped CSS规范是Web组件产生不污染其余组件，也不被其余组件污染的CSS规范。这样在打包的时候会生成一个独一无二hash值，这样父组件的样式就不会影响到子组件了，而后你要想修改子组件的样式，通常是提取一个公共文件，在公共文件里面修改样式，可是这样也存在着问题，因此就须要有一个方法或者方式，既不影响到别的地方，又能修改子组件在当前的样式。