`i`在Chrome的用户代理样式表中为复选框/无线电做了什么？

Question

我注意到Google Chrome的用户代理样式表中有些奇怪.i这些选择器(之后type="")的意思/做法是什么？

input[type="radio" i],
input[type="checkbox" i] {
  background-color: initial;
  margin: 3px 0.5ex;
  padding: initial;
  border: initial;
}

Answer 1

它使前面的属性选择器不区分大小写,因此它也匹配<input type="RaDiO">:

[attr operator value i]

在结束括号之前添加i(或I)会使值不区分大小写(对于ASCII范围内的字符).

来自MDN