Closed Dream4ever closed 3 years ago
在开发一个功能的过程中，发现用 Vue 写的项目，scoped 的样式默认是无法应用到 v-html 渲染的 DOM 中的。
scoped
v-html
Google vue v-html css not working 之后，在 CSS styles not being applied to HTML within a Vue Component 这篇问答中找到了解决方案，原来是要用 Deep Selectors/深度作用选择器 才能解决这个问题。
vue v-html css not working
测试了 .a >>> .b、.a /deep/ .b 和 .a ::v-deep .b 三种方式，只有最后一种方式生效。
.a >>> .b
.a /deep/ .b
.a ::v-deep .b
解决过程
在开发一个功能的过程中，发现用 Vue 写的项目，
scoped的样式默认是无法应用到v-html渲染的 DOM 中的。Google
vue v-html css not working之后，在 CSS styles not being applied to HTML within a Vue Component 这篇问答中找到了解决方案，原来是要用 Deep Selectors/深度作用选择器 才能解决这个问题。测试了
.a >>> .b、.a /deep/ .b和.a ::v-deep .b三种方式，只有最后一种方式生效。