CSS [attribute|=value] Selector

Select and style elements, where the lang attribute's value starts with "en"

Definition and Usage

The [attribute|=value] selector is used to select elements with the specified attribute starting with the specified value.

Note: The value has to be a whole word, either alone, like lang="en", or followed by a hyphen( - ), like lang="en-us".
Version: CSS2

Browser Support

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

Selector
[attribute|=value] 4.0 7.0 2.0 3.1 9.6

CSS Syntax

[attribute |= value] {
  css declarations;
} Demo

More Examples

Example

Select and style elements, where the class attribute's value starts with "top":

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

Related Pages

CSS tutorial: CSS Attribute Selectors