CSS3 [attribute^=value] Selector
Example
Set a background color on all <div> elements that have a class attribute value that begins 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 begins 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
More Examples
Example
Set a background color on all elements that have a class attribute value that begins with "test":
[class^="test"]
{
background: #ffff00;
}
Try it yourself »
Related Pages
CSS tutorial: CSS Attribute Selectors
