在 vue 中，如果要渲染一段 html 內容，可以使用 v-html 標籤，渲染出來的內容會帶有原來的頁面標籤和樣式，如果想要修改內容裡面的樣式要怎麼做呢？

有的人會說，這還不簡單，直接在 style 裡面寫相應的樣式不就完了嗎，實際實踐過會發現，根本就不行，如果像原來那樣直接寫的話是根本不起作用的，而且進入除錯模式會發現，在每個 class 裡面，vue 都給加上了 data-xxxxx 的東西（這一串多出來的東西應該是 vue 的虛擬 DOM 給加上的），那我們就是要給 v-html 裡的內容設定樣式該怎麼做呢，辦法也是有的，直接放程式碼吧

<div class="content" v-html="agreement.content"></div>
1
 .content >>> span{
        width: 100%;
        ...
    }
 

可以看到，通過在需要設定樣式的元素前面加三個箭頭就可以實現這個功能了。