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

Question

<!--temp是一组p标签--><div class="lyric-container" v-html="temp"></div><style scoped>.lyric-container{    position: absolute;    top: 0;    left: 0;    padding-top: 1.25rem;    p {//这个规则不会应用        font-size: 0.16rem;        color: rgb(170, 170, 170);    }}</style>现在的问题是在用scoped的情况下，p标签要怎么样才能应用上样式。

Answer 1

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

<style scoped>

//这里是页面本来有的

</style>

<style>

//这里写动态生成的

</style>