關於element中修改元件使用深度選擇器/deep/的問題

布衣為相發表於2020-12-01

作為一個小白,在使用餓了麼ui的時候,想改一下里面的元件屬性,但是發現雖然在頁面上能找到對應的標籤,然而在程式碼裡卻沒法找到,使用了兩種方法來修改其中的預設樣式

第一種,去除style標籤裡的scoped屬性,但是問題在於專案多人推進中你修改的樣式會覆蓋全域性,導致別人的頁面遭殃,所以沒有引用

第二種,使用/deep/深度選擇器,但是使用了你會發現

這個原因就是因為你沒有在style後面加上less規則,具體寫法如下

 

 新增完lang=”less“後你會發現此時的/deep/深度選擇器不報錯了,但是頁面報錯了。。。。咋整呢?

原因在於你為你的style定義了less規則但是沒有安裝他的依賴包,所以你還需要

安裝個less是依賴包,npm install --save-dev less-loader less

安裝完以後就沒有問題了

相關文章