vue v-html动态生成的html怎么加样式

 

1. v-html加样式

在vue开发中碰到需要动态生成html，并且需要有样式，这时候发现像往常一样写样式的时候不起作用，网上搜了一下，发现通过 v-html 创建的 DOM 内容不受作用域内的样式影响，但是我们仍然可以通过深度作用选择器来为他们设置样式。

<div class="content" v-html="agreement.content"></div>

.content >>> span {
	width: 100%
}