我们在页面中实现内容显示时，经常会使用v-html绑定用户输入的内容，而用户在输入时，尤其是使用图片时，往往会不指定图片的大小，这时如果用户上传的图片过大的话，在页面中会很难看。
此时vue的scope样式，却无法应用给这些内容，但是我们可以使用深度选择器：
在vue组件中，使用css 时可以使用>>> 深度选择器；使用less,或者sass的时候使用 /deep/。
例如：
template内容：
<div class="contentbody" v-html="news.content">
</div>css样式（less）：
.contentbody{
margin-top: 53px;
min-height: 400px;
max-width: 1038px;
color:@textColor3;
/deep/ img{
width: 100%;
max-width: 1000px !important;
}
}上面的代码，我们控制了v-html绑定的内容中图片的宽度为100%，最大宽度不能大于1000px。