vue中v-html 動態內容樣式無效解決方法

通過 v-html 創建的 DOM 內容不受 scoped 樣式影響，但是你仍然可以通過深度作用選擇器來為他們設置樣式。

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

有些像 Sass 之類的預處理器無法正確解析 >>>。這種情況下你可以使用 /deep/ 或 ::v-deep 操作符取而代之——兩者都是 >>> 的別名，同樣可以正常工作。