zoukankan      html  css  js  c++  java
  • 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中这样解释

  • 相关阅读:
    基本运算符
    格式化输出
    Python与用户的交互
    数据类型
    变量
    正则表达式
    vuex方法
    vue的webpack打包步骤
    浮动问题
    媒体查询技术
  • 原文地址:https://www.cnblogs.com/yzhihao/p/7514517.html
Copyright © 2011-2022 走看看