scoped样式问题

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

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

　  color:red;  
 }  

</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-width: 100%
}  
</style>  

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