在项目使用element-UI中, 有时候会需要用到覆盖原有样式, 但是全局样式不起作用, 只能通过深度作用选择器
style为css 时写法
.a >>> .b { width:100%; }
style为css的预处理器(scss, less sass) 时写法
/* /deep/ ang="less"使用 */
/deep/ .el-card {
border: 0;
}
::v-deep .el-menu {
margin-bottom: 5px;
}
推荐使用::v-deep , 因为/deep/在某些时候会报错, ::v-deep更保险并且编译速度更快.
原文:https://www.cnblogs.com/cielw/p/14632573.html