當
hi
hi
scoped後，父元件的樣式將不會滲透到子元件中。不過乙個子元件的根節點會同時受其父元件的 scoped css 和子元件的 scoped css 的影響。這樣設計是為了讓父元件可以從布局的角度出發，調整其子元件根元素的樣式。
如果你希望scoped樣式中的乙個選擇器能夠作用得「更深」，例如影響子元件，你可以使用>>>操作符：
.a[data-v-f3f3eg9] .b>>>。這種情況下你可以使用/deep/或::v-deep操作符取而代之——兩者都是>>>的別名，同樣可以正常工作。
通過v-html建立的 dom 內容不受scoped樣式影響，但是你仍然可以通過深度作用選擇器來為他們設定樣式。
原文章處於/deep/後多層巢狀
//渲染前
background-color: yellow;
span
}//渲染後 樣式有效
color: blue;
}
//渲染前
/deep/ span
}//打包後的樣式顯示
color: yellow;
}
深度作用選擇器deep的應用
什麼是深度作用選擇器 當前元件a 引入乙個其他元件b做應用，a元件由於scoped作用，a元件本身的全部html標籤都會包含乙個 data v 的屬性名稱，使得css樣式達到私有效果。被使用的元件b由於某些原因，編譯解析後各個html標籤不會形成 data v 的屬性，這樣在元件a中給元件b設定樣式...
deep 深度選擇器，修改Vant 內部的樣式
做vue專案中，遇到對vant的樣式修改，但是修改無法修改。使用 deep 深度選擇器 deep 的意思大概為深入的，深遠的。無意中看到css中有關於這種寫法，開始沒太注意 以為是元件css的寫法，後來才發現不是。我們都知道scoped css規範是web元件產生不汙染其他元件，也不被其他元件汙染的...
vue deep 深度選擇器
在vue中，如果css加上了scoped作用域，生成的css會加上作用域屬性，如 el form data v a3ccadca el input inner data v a3ccadca el input inner是子元件el input內部生成的，並無 data v a3ccadca 屬性，...