vue(v-html)和scss的使用问题

<!--temp是一组p标签--> <div class="lyric-container" v-html="temp"></div>

 

<style lang="scss" scoped> .lyric-container{ position: absolute; top: 0; left: 0; padding-top: 1.25rem; p {//这个规则不会应用 font-size: 0.16rem; color: rgb(170, 170, 170); } } </style>

之前遇到过同样的问题，动态生成的元素没有样式，后面用了个暴力的方法解决，写了两个style标签。

 

<style lang="scss" scoped> //这里是页面原本有的 </style> <style lang="scss"> //这里写动态生成的 </style>

尝试去掉style 中 scoped属性后，问题解决

有兄弟在sf中这样解释