2019獨角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>

如果你希望?scoped?樣式中的一個選擇器能夠作用得“更深”，例如影響子組件，你可以使用?>>>?操作符：

<style scoped> .a >>> .b { /* ... */ } </style>

上述代碼將會編譯成：

.a[data-v-f3f3eg9] .b { /* ... */ }

有些像 Sass 之類的預(yù)處理器無法正確解析?>>>。這種情況下你可以使用?/deep/?操作符取而代之——這是一個?>>>?的別名，同樣可以正常工作。

<style lang="scss" scoped> /deep/ .upload-demo{ border: 1px solid blue; } </style>

轉(zhuǎn)載于:https://my.oschina.net/huibaifa/blog/1934459

與50位技術(shù)專家面對面20年技術(shù)見證，附贈技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的Vue scoped CSS 与深度作用选择器 /deep/的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。