css /deep/


引用了第三方組件庫,只需要在當前頁面修改第三方組件庫的樣式以做到不污染全局樣式。通過在樣式標簽上使用scoped達到樣式只制作用到本頁面。

但有時又需要調整組件的樣式,在含有scoped的style里里面在寫樣式對子組件是不生效的。

以前都是再加一個不含scoped的style標簽,通過外層組件添加唯一class來區分組件,修改各種第三方組件的樣式。

無意中發現了 /deep/,可以同樣達到上面的效果

<-- less語法 -->

.wrap{

  .class1{

      font-size:12px;

  }

    /deep/ .class2{

       font-size:20px; //對所有子組件生效.

        /deep/ .class3{   }  //沒有必要寫多層deep 父類有deep后子類自動也會深度選擇 並且這么寫在firfox里會失效

    }

}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM