css中deep的写法在ie中不支持

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

CSS中的深度选择器(deep selector)是让样式作用于子孙元素的一种方式,它使用“/deep/”(双斜杠)或“::v-deep”(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的兼容性。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css中deep的写法在ie中不支持

粉丝

0

关注

0

收藏

0

已有0次打赏