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值，這樣父組件的樣式就不會影響到子組件了，而後你要想修改子組件的樣式，通常是提取一個公共文件，在公共文件裏面修改樣式，可是這樣也存在着問題，因此就須要有一個方法或者方式，既不影響到別的地方，又能修改子組件在當前的樣式。