样式穿透
2020-12-12 本文已影响0人
studentliubo
目前有四种形式:
- 1、
>>>
// css
下面的👇 这几种是有预处理器(less, scss, sass)的写法(推荐3):
-
2、
/deep/
-
3、
::v-deep
-
4、
去掉scoped
<style lang="scss" scope>
.form-container .el-form-item {
margin-bottom: 0px;
}
</style>
目前有四种形式:
>>>
// css下面的👇 这几种是有预处理器(less, scss, sass)的写法(推荐3):
2、/deep/
3、::v-deep
4、去掉scoped
<style lang="scss" scope>
.form-container .el-form-item {
margin-bottom: 0px;
}
</style>
.form-container[data-v-6a0a3ec4] .el-form-item__label
,这也是为什么可以使用方法四的原因。