首页 > Web开发 > 详细

用v-html渲染页面的时候 css样式无效

时间:2018-08-08 17:18:55      阅读:387      评论:0      收藏:0      [点我收藏+]

当我们用v-html渲染页面的时候会发现样式并没有添加上,如下

1 <template>
2      <div >
3          <div v-html="some_html" class="box" ></div> 
4 </div>
5 </template>
6 <style scoped>
7 .box p{ color: red; }
8 </style>

解决办法:在写样式的时候添加   >>>   如下所示

1 .box  >>> p { color: red; }

 

用v-html渲染页面的时候 css样式无效

原文:https://www.cnblogs.com/niuxiaoxian/p/9443873.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!