vue 中v-html指令绑定的元素样式不起作用
<div v-html="contents"></div>
比如contents的内容为
<p>第一个p</p>
<p>第二个p</p>
<p>第三个p</p>
现在的需求是改变最后一个p标签的颜色为红色
css如下:
div p:nth-last-of-type(1) {
color: red;
}
运行代码发现css不起作用
解决方法:使用深度选择器 ::v-deep
div ::v-deep p:nth-last-of-type(1) {
color: red;
}