[英]Add CSS style to v-html
I would like to add style to HTML code in a v-html
.我想在v-html
中为 HTML 代码添加样式。 I tried several solutions but nothing functional:(我尝试了几种解决方案,但没有任何功能:(
Here is my code:这是我的代码:
Template:模板:
<div
class="para"
v-html="value"
/>
Script:脚本:
export default {
data () {
return {
value : "<h2> TITLE </h2> <p> PARA </p>"
}
},
}
Style:风格:
.para >>> h2 {
color: blue;
}
.para >>> p {
color: red;
}
Thanks in advance !提前致谢 !
If you're using scoped
style without SASS, use the >>>
combinator this way:如果您使用没有 SASS 的scoped
样式,请以这种方式使用>>>
组合器:
>>> .para > h2 {
color: blue;
}
>>> .para > p {
color: red;
}
If you're using scoped
style with SASS, use the ::v-deep
combinator:如果您使用SASS 的scoped
样式,请使用::v-deep
组合器:
::v-deep .para > h2 {
color: blue;
}
::v-deep .para > p {
color: red;
}
Otherwise:否则:
.para > h2 {
color: blue;
}
.para > p {
color: red;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.