v-html 中的样式覆盖
v-html
里 的内容样式如果直接在 style
里覆盖样式, 不生效。需要样式穿透才行
<template>
<div v-html="goodDetails.introduction" class="introduction">
</template>
<style lang="scss" scoped>
.introduction /deep/ img {
width: 100% !important;
object-fit: fill;
}
</style>
ps: 注意这里样式穿透用得是 /deep/
,如果用 >>>
也不生效
本文版权归作者和博客园共有,欢迎转载。但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接,否则保留追究法律责任的权利!
作者:刘呵呵
QQ:352887191
出处:http://www.cnblogs.com/liuyishi/
![](https://images.cnblogs.com/cnblogs_com/liuyishi/980993/o_a192ca3d70cf3bc7d1315fa4d200baa1cc112ae4.jpg)