Case-Insensitive Attribute Selectors

Published on · 1 minute reading time

CSS’s attribute selectors are, by-default, case-sensitive. For example, [attr="value"] will only match elements where attr="value", not attr="VALUE" or any other combination. This can be changed by appending the i identifier to the end of the attribute selector, i.e., [attr="value" i].

The opposite, i.e., a case-sensitive identifier s is theoretically available, however, as of writing this, it is only supported by Firefox.

Tags