CSS3 [attribute$=value] Selector


Example

Set a background color on all <div> elements that have a class attribute value that ends with "test":

div[class$="test"] {
    background: #ffff00;
}

Try it yourself »

More "Try it Yourself" examples below.


Definition and Usage

The [attribute$=value] selector matches every element whose attribute value ends with a specified value.

Version: CSS3

Browser Support

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

Selector
[attribute$=value] 4.0 7.0 3.5 3.2 9.6

Note: For this selector to work in IE8 and earlier, a <!DOCTYPE> must be declared.


CSS Syntax

attribute $= value {
    css declarations;
} Demo

Examples

More Examples


Example

Set a background color on all elements that have a class attribute value that ends with "test":

[class$="test"] {
    background: #ffff00;
}

Try it yourself »

Related Pages

CSS tutorial: CSS Attribute Selectors



SHARE THIS PAGE

COLOR PICKER

colorpicker





Search w3schools.com:

Translate w3schools.com: