`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