CSS [attribute|=value] Selector

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

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

More "Try it Yourself" examples below.

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

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

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

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

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