vue中使用v-html加载的富文本，css中定义样式不生效

如题，使用v-html加载一段富文本，富文本里包含图片，在手机上图片宽度可能会溢出

    <div v-html="htmlContent" class="rich"></div>
    
    <style scope>
 		.rich>>> img{ display:block; max-width: 100%}
    </style>

注意：这里的>>>需要使用css语法，写在less里会报错
原文链接：https://blog.csdn.net/yanby921005/article/details/79963722