Skip to content

CSS Selectors

Attribute value

About

The [attribute=value] selector matches all elements that have the specified attribute with a value exactly equal to a certain value.

(Non-)Matching attribute

The example matches all hyperlinks with the href attribute set to https://example.com. The second hyperlink uses a different value for the href attribute, so it is not matched.

Case-insensitive attribute value matching

The attribute value must match exactly, including case. In this example, the second hyperlink uses a different case for the href attribute, so it is not matched. Use [attr="value"i] to make the selector case-insensitive.

  • Change the selector to be case-insensitive