对于现在来说,前端也在迅速的发展中了,我们在使用一些框架或修改语言的时候,也有不少我们在修改第三方框架的样式的时候,修改到头皮发麻也无法成功的修改出来自己想要的效果。其实在原生CSS中就已经有很多方法去修改了,比如:!important(这个方法就是在样式中无法体现的时候加上它可以有一个优先体现的特点)。
而在修改一些的组件库时,我们可以使用穿透来去实现。从而成功的去修改好想要修改的样式。
第一种:CSS >>>
.el-form-item{
& >>> .el-form-item_comtent{
line-height:14px;
}
}
第二种:Less /deep/
.el-form-item{
/deep/.el-form-item_content{
line-height:14px
}
}
第三种:Sass ::depp
.el-form-item{
::v-deep .el-form-item_content{
line-height:14px;
}
}
以上三种方法可能会在项目中可以经常看到或用到,掌握这一个技能也是有必要的。