新添加的dom或v-html添加的虚拟dom,在实际意义上是一个子组件,vue中当我们给style设置了 scoped,该样式就只针对当前组件生效,样式不会渗透到子组件。
解决办法: 1. 把样式写在公共全局css中。 2.使用深度选择器 >>> 或 /deep/。注意:>>>只在css中生效,Less\Sass中不生效。语法:
css :
.parent >>> .child{ } 或者 .parent /deep/ .child{ }
less/sass:
.parent{
/deep/ .child{}
}