CSS selectors by no means stop to amaze me in how highly effective they are often in matching advanced patterns. Most of that flexibility is in dad or mum/baby/sibling relationships, very seldomly in worth matching. Think about my shock after I discovered that CSS permits matching attribute values regardless off case!

Including a {house}i to the attribute selector brackets will make the attribute worth search case insensitive:

/* case delicate, solely matches "instance" */
[class=example] {
  background: pink;
}

/* case insensitive, matches "instance", "eXampLe", and so on. */
[class=example i] {
  background: lightblue;
}

The use circumstances for this i flag are doubtless very restricted, particularly if this flag is knew data for you and also you’re used to a normal lower-case normal. A free CSS classname normal can have and would proceed to result in issues, so use this case insensitivity flag sparingly!