CSS [attribute|=value] Selector

Definition and Usage

CSS [attribute|=value] The selector is used to select elements that have a specified attribute and whose attribute value matches exactly or starts with the specified value followed by a hyphen (−).

Note:The value must be a complete word, either appearing alone, such as lang="en", or followed by a hyphen (−), such as lang="en-us".

Example

Example 1

Select and set the style of elements with lang attribute value of "en" or "en-":

[lang|="en"] {
  background-color: yellow;
}

Try it yourself

Example 2

Select and set the style of elements with class attribute value of "top" or "top-":

[class|="top"] {
  background-color: yellow;
}

Try it yourself

CSS Syntax

[attribute |= value] {
  css declarations;
}

Technical Details

Browser support

The numbers in the table indicate the first browser version that fully supports this selector.