[分享]css中deep的写法在ie中不支持

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的兼容性。