写前端就离不开写样式,写样式也就离不开选择器,如果你要说我可以全部写行内那…那也可以…
但是,我还是要唠唠关于css中的深度选择器
1.>>>
可用于項目中的css原生样式,那么可以直接使用 >>>
.a >>> .b {
}
2. /deep/
项目中使用预处理器,如sass less等 都可以用 /deep/
/*这样*/
.a {
/deep/ .b {
}
}
/*或者这样*/
.a /deep/ .b {
}
3.::v-deep
用于既有预处理器,还是vue项目用到ElemenUI时使用,目前我用到最多的就是这个
/*这样*/
.a{
::v-deep .b {
}
}
/*或者*/
.a ::v-deep .b {
}
暂时只知道这几种常用的,肯定还有其他我没遇到的,有写的不对的地方或者还有其他方法欢迎大佬来一起交流,让我学习学习。