CSS [attribute|=value] Selector

Example

How to style elements, where the lang attribute's value starts with "en":

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

Try it yourself »

The [attribute|=value] selector styles 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".

The [attribute|=value] selector is supported in all major browsers.

Note: For [attribute|=value] to work in IE, a <!DOCTYPE> must be declared.

The [attribute|=value] selector was first introduced in:

CSS 2

The [attribute|=value] selector can of course be used for other than the "lang" attribute:

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

Try it yourself »