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>