标签：使用 color lang 解决方案 pre 绑定 content span 选择器
问题
想用vue绑定父文本生成的HTML内容，但是发现CSS样式根本不生效，选择器没起作用
代码：
<div class="announcedetailImg" v-html="detailList.content"></div>
设置样式：
<style lang="less" scoped> .announcedetailImg{ width:100%; } .announcedetailImg img{ width:100% !important; display:block; } .announcedetailImg p{ color:#333; font-size:16px; } </style>
这样之后，发现样式不起作用
解决方案：
scoped属性导致css仅对当前组件生效（用css3的属性选择器+生成的随机属性实现的），而html绑定渲染出的内容可以理解为是子组件的内容，子组件不会被加上对应的属性，所以不会应用css.
解决的话把scoped属性去掉就行了
vue 在使用v-html绑定的时候，里面的元素不会继承外部的css，解决方案
标签：使用 color lang 解决方案 pre 绑定 content span 选择器
原文地址：http://www.cnblogs.com/rachelch/p/7855962.html
