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/little one/sibling relationships, very seldomly in worth matching. Take into account my shock once I discovered that CSS permits matching attribute values regardless off case!

Including a {area}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 many others. */
[class=example i] {
  background: lightblue;
}

The use instances for this i flag are doubtless very restricted, particularly if this flag is knew information for you and also you’re used to an ordinary lower-case customary. A free CSS classname customary could have and would proceed to result in issues, so use this case insensitivity flag sparingly!