CSS中的深度选择器(deep selector)是让样式作用于子孙元素的一种方式,它使用“/deep/”(双斜杠)或“::vdeep”(CSS变量)来标识。然而,这种写法在IE中是不被支持的,因为双...
CSS中的深度选择器(deep selector)是让样式作用于子孙元素的一种方式,它使用“/deep/”(双斜杠)或“::v-deep”(CSS变量)来标识。
然而,这种写法在IE中是不被支持的,因为双斜杠被解析为注释符号,CSS变量也不受IE所支持(IE不支持CSS3变量)。
/*例子*/
.parent /deep/ .child {
background-color: red;
}
.parent ::v-deep .child {
background-color: red;
}
上面的代码中,“.parent”是祖先元素,“.child”是子孙元素,且其样式使用/deep/或::v-deep来表示。在支持这两种写法的现代浏览器中,样式会作用于子孙元素;但是,在IE中,这些样式将被忽略。
因此,在编写CSS时,应该注意不要过多依赖/deep/或::v-deep。在选择使用这种写法时,也应该同时提供其他支持IE的选择器来保证CSS的兼容性。