vue 中v-html指令绑定的元素样式不起作用

比如contents的内容为

 
第一个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;
}