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;
}