0
<!--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>

现在的问题是在用scoped的情况下,p标签要怎么样才能应用上样式。

查看全部 5 个回答

0

作者回答的:

https://github.com/vuejs/vue-...

按照作者说的, 给外层容器加个类名, 然后用后代选择器, 不过我试过没用, 然后我在下面回复了, 作者还未回复, 不过我估计作者也不会回复了, 因为这个问题有很多种解决办法, 只是比较丑而已.
搜索到了这个人写的:

https://blog.hinablue.me/vuej...

测试无效.

推荐答案

2

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

<style lang="scss" scoped>
//这里是页面本来有的
</style>

<style lang="scss">
//这里写动态生成的
</style>