项目场景:
提示: chrome 升级至89版本后,使用deep样式失效
问题描述
chrome 89版本css 2重及以上的/deep/ 将会失效,不能选中对应的样式:
错误代码:
/deep/ .el-form-item {
margin-bottom: 12px;
/deep/ .el-form-item__label {
padding-right: 0 !important;
}
}
正确代码:
/deep/ .el-form-item {
margin-bottom: 12px;
}
/deep/ .el-form-item__label {
padding-right: 0 !important;
}
解决方案:
1、. 只用一级deep,嵌套的样式拿出来,如果怕覆盖样式放到某个样式下面去
2、不使用deep