.vue文件内＜style＞样式报错

逝去已然失去461

于 2023-03-10 20:15:06 发布

阅读量688

点赞数

文章标签： css html 前端

本文链接：https://blog.youkuaiyun.com/qq_73522789/article/details/129451630

版权

<style scoped lang="less">
.top-nav {
    display: flex;
    background: #fff;
    li {
        flex: 1;
        text-align: center;
        padding-top: 10px;
        a {
            display: block;
            padding-bottom: 8px;
        }
        .active {
            border-bottom: 2px solid #ff0000;
        }
    }
}
</style>

修改为以下格式可解决问题

.top-nav{

display: flex;

background: #fff;

}

li{

flex: 1;

text-align: center;

padding-top: 10px;

}

display: block;

padding-bottom: 8px;

}

.active {

border-bottom: 2px solid #ff0000;

}

</style>