CSS [attribute|=value] Selector


Example

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

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

Try it yourself »

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


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

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


CSS Syntax

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


Examples

More Examples


Example

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

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

Try it yourself »


Related Pages

CSS tutorial: CSS Attribute Selectors



Color Picker

colorpicker