[英]Add CSS style to v-html
我想在v-html
中为 HTML 代码添加样式。 我尝试了几种解决方案,但没有任何功能:(
这是我的代码:
模板:
<div
class="para"
v-html="value"
/>
脚本:
export default {
data () {
return {
value : "<h2> TITLE </h2> <p> PARA </p>"
}
},
}
风格:
.para >>> h2 {
color: blue;
}
.para >>> p {
color: red;
}
提前致谢 !
如果您使用没有 SASS 的scoped
样式,请以这种方式使用>>>
组合器:
>>> .para > h2 {
color: blue;
}
>>> .para > p {
color: red;
}
如果您使用SASS 的scoped
样式,请使用::v-deep
组合器:
::v-deep .para > h2 {
color: blue;
}
::v-deep .para > p {
color: red;
}
否则:
.para > h2 {
color: blue;
}
.para > p {
color: red;
}
这是一个演示
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.