我在Google Chrome用户代理样式表中找到了以下CSS Select 器:

[type="checkbox" i]

i是什么意思?

推荐答案

如注释中所述,它用于不区分大小写的属性匹配.This is a new feature in CSS Selectors Level 4.

目前,它有Chrome49+、Firefox47+、Safari9+和Opera37+*版本.在此之前,它只在Chrome39左右的Chrome用户代理样式中可用,但可以通过设置实验功能标志对网页内容启用.

*早期版本的Opera也可能支持

Working Example / Browser Test:

[data-test] {
    width: 100px;
    height: 100px;
    margin: 4px;
}

[data-test="A"] {
    background: red;
}

[data-test="a" i] {
    background: green;
}
Green if supported, red if not:

<div data-test="A"></div>

如果浏览器支持此功能,则上面的方块将为绿色,如果不支持,则为红色.

Css相关问答推荐

CSS动画与不正确的时间比率

try 在Jekyll中使用多个SCSS文件时出错

如何仅使用CSS Select 器根据列表中第n个项的子项属性 Select 该项

用两步函数内插的css动画值

如何解决 Spotify 嵌入代码中的白色背景错误?

在 Shiny 中动态更改 bslib 值框的类

flexbox换行时自动设置高度的原理是什么

使用 Flex 容器,如何在右对齐所有 Flex 子项的同时赋予子图像完整宽度?

semantic-ui-react 使输入使用全宽度可用

如何禁用亚像素渲染或强制浏览器将属性舍入到最近的像素?

当我进入登录页面时,它处于桌面模式(响应式设计消失)

CSS 中的区域类似于 C# 区域?

firefox overflow-y 不能使用嵌套的 flexbox

删除在 ios safari / chrome / firefox 中单击的链接上的灰色背景

HTML/CSS 中的单选/复选框对齐

使用 Bootstrap 设置身体的最大宽度

iPhone X / 8 / 8 Plus CSS 媒体查询

填充剩余的垂直空间 - 仅 CSS

go 除文本输入的内阴影

在无序列表中的项目之后添加管道分隔符,除非该项目是最后一行