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

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

<template>
     <div >
         <div v-html="some_html" class="box" ></div> 
     </div> 
</template> 
<style scoped> 
  .box  p{ color: red; } 
</style>

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

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