前言:在项目开发的过程中,我们会将Vue项目和element-ui进行结合使用,但是如果element-ui的样式有时不符合我们的需求时,这时就需要修改它的样式,此时就需要用到深度选择器。
解决方案:
1、style为css时,使用 >>>
2、style为css的预处理器(less,sass,scss)时,可以使用 /deep/
和 ::v-deep
<style lang="css">
>>> .active{
}
</style>
<style lang="scss">
/deep/ .active{
}
::v-deep .active{
}
</style>