样式穿透

2020-12-12  本文已影响0人  studentliubo

目前有四种形式:

下面的👇 这几种是有预处理器(less, scss, sass)的写法(推荐3):

<style lang="scss" scope>
.form-container  .el-form-item {
    margin-bottom: 0px;
}
</style>

PS: 上述代码是无效的,因为所有的scope中的css样式都会被编辑成如下格式:.form-container[data-v-6a0a3ec4] .el-form-item__label,这也是为什么可以使用方法四的原因。

上一篇 下一篇

猜你喜欢

热点阅读