解决vue 中使用v-html或者jquery 动态添加dom元素,样式不生效
原因:新添加的dom,在实际意义上是一个子组件,vue中当我们给style设置了 scoped,该样式就只针对当前组件生效,样式不会渗透到子组件。解决办法:1. 把样式写在公共全局css中。2.使用深度选择器 >>> 或 /deep/。注意:>>>只在css中生效,Less\Sass中不生效。语法:css :.parent >>> .child
·
原因:
新添加的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{}
}
更多推荐
已为社区贡献10条内容
所有评论(0)