如注释中所述,它用于不区分大小写的属性匹配.This is a new feature in CSS Selectors Level 4.
目前,它有Chrome49+、Firefox47+、Safari9+和Opera37+*版本.在此之前,它只在Chrome39左右的Chrome用户代理样式中可用,但可以通过设置实验功能标志对网页内容启用.
*早期版本的Opera也可能支持
[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>
如果浏览器支持此功能,则上面的方块将为绿色,如果不支持,则为红色.