css不支持的选择器

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

在CSS中,有许多选择器可以用来选择HTML文档的元素以应用样式。但是,有一些选择器在某些浏览器中并不被支持。下面我们将介绍一些常见的不被支持的选择器。p:first-of-type { color:

在CSS中,有许多选择器可以用来选择HTML文档的元素以应用样式。但是,有一些选择器在某些浏览器中并不被支持。下面我们将介绍一些常见的不被支持的选择器。

p:first-of-type {
    color: red;
} 

该选择器用于选择p元素中第一个出现的类型元素。然而,它在旧版的Internet Explorer中并不被支持。因此,如果你的网站需要支持旧版的IE浏览器,那么你应该尽量避免使用该选择器。

a[href^="https"] {
    color: green;
} 

该选择器用于选择所有链接的href属性以https开头的元素。然而,它在Internet Explorer 6和7中并不被支持。因此,如果你需要确保你的网站能在旧版的IE浏览器中正常显示,那么你应该避免使用该选择器。

input:checked + label {
    text-decoration: underline;
} 

该选择器用于选择与选中的输入元素相关联的标签。然而,它在Internet Explorer 6和7中并不被支持。因此,如果你需要支持旧版的IE浏览器,那么你应该避免使用该选择器。

虽然这些选择器在一些旧版的浏览器中不被支持,但它们在大多数现代的浏览器中都是有效的。因此,除非你确实需要支持旧版的浏览器,否则可以放心地使用这些选择器来为你的网站添加更丰富的样式效果。

文章说明:

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

题图来自Unsplash,基于CC0协议

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

评论列表 评论
发布评论

评论: css不支持的选择器

粉丝

0

关注

0

收藏

0

已有0次打赏