scoped样式问题

想要设置scoped的子组件里的元素进行控制可以使用'>>>'或者'deep'

<style lang="css" scoped>  
 .gHeader /deep/ .name{ //第一种写法  
  color:red;  
 }  
 .gHeader >>> .name{  //二种写法  

</style>  
   
<div class="gHeader">  
 <div class="name"></div>  
</div>  

一些预处理程序例如sass不能解析>>>属性，这种情况下可以用deep，它是>>>的别名，工作原理相同。
动态生成的内容
使用v-html动态创建的DOM内容，不受设置scoped的样式影响，依然可以使用深选择器进行控制
vue中使用v-html加载的富文本，css中定义样式不生效

<div v-html="htmlContent" class="rich"></div>   

<style scope>  
.rich  >>>  img{ display:block; max- 100%}  
</style>  

注意：这里的>>>需要使用css语法，写在less里会报错  需要改成/deep/