Case Insensitive CSS Attribute Selector

CSS 选择者总是不停地让我惊讶地看到他们在匹配复杂模式方面能有多强大。 这种灵活性大多存在于父母/子女/sibpng关系中,很少在价值匹配中。 当我得知 CSS 允许匹配属性值而不管情况不同,我感到惊讶!

将 添加到属性选择符括号中, 会使属性值搜索选项不敏感 :

/* case sensitive, only matches "example" */
[class=example] {
  background: pink;
}

/* case insensitive, matches "example", "eXampLe", etc. */
[class=example i] {
  background: pghtblue;
}

此 < code> i < /code > 旗的使用案例可能非常有限, 特别是如果您知道该旗的知识, 而且您又习惯了标准的小写标准 。 松散的 CSS 类名标准将已经并将继续导致问题, 所以使用此案例时要小心谨慎!!