做vue專案中，遇到對vant的樣式修改，但是修改無法修改。
使用 /deep/ 深度選擇器
/deep/的意思大概為深入的，深遠的。無意中看到css中有關於這種寫法，開始沒太注意 ，以為是元件css的寫法，後來才發現不是。我們都知道scoped css規範是web元件產生不汙染其他元件，也不被其他元件汙染的css規範。這樣在打包的時候會生成乙個獨一無二hash值，這樣父元件的樣式就不會影響到子元件了，然後你要想修改子元件的樣式，一般是提取乙個公共檔案，在公共檔案裡面修改樣式，但是這樣也存在著乙個問題，比如你使用了別人的元件或者自己開發乙個元件，有時候你修改一處就可能影響到別的地方，這個時候要麼你不用別人的元件，自己重新封裝乙個，但很多時候是不太現實的，所以就需要有乙個方法或者方式，既不影響到別的地方，又能修改子元件在當前的樣式。
參考鏈結
語法：原**：
.page-tables/deep/ .page-tablesscope與 deep 深度選擇器
當 hi 轉換結果 hi 使用scoped後，父元件的樣式將不會滲透到子元件中。不過乙個子元件的根節點會同時受其父元件的 scoped css 和子元件的 scoped css 的影響。這樣設計是為了讓父元件可以從布局的角度出發，調整其子元件根元素的樣式。如果你希望scoped樣式中的乙個選擇器能夠...
深度作用選擇器deep的應用
什麼是深度作用選擇器 當前元件a 引入乙個其他元件b做應用，a元件由於scoped作用，a元件本身的全部html標籤都會包含乙個 data v 的屬性名稱，使得css樣式達到私有效果。被使用的元件b由於某些原因，編譯解析後各個html標籤不會形成 data v 的屬性，這樣在元件a中給元件b設定樣式...
深度選擇器 Element UI修改樣式
vue專案使用less預處理，在vue元件中使用兩個style標籤，乙個加上scoped屬性，乙個不加scoped屬性，把需要覆蓋的css樣式寫在不加scoped屬性的style標籤裡。在修改element uiel tab的樣式時，本機樣式生效，部分同事無論是打包前還是打包後都不起作用，chrom...