火狐浏览器 css 深度选择器/deep/失效问题
AprilTong
# 火狐浏览器 css 深度选择器/deep/失效问题
问题： 父级用了/deep/,之后的子级不能再使用，否则会失效。chrome 不会有问题
举例：
<style lang="scss" scoped>
// 会有问题
.dialog-index /deep/ .el-dialog {
height: 100% !important;
/deep/ .el-dialog__body {
height: calc(100% - 120px);
}
}
// 兼容火狐／deep／失效问题，此时谷歌不会有问题
.dialog-index /deep/ .el-dialog {
height: 100% !important;
.el-dialog__body {
height: calc(100% - 120px);
}
}
</style>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18