CSS [attribute^=value] Selector

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

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

CSS Syntax

attribute ^= value {
  css declarations;
} Demo

More Examples

Example

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

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

Related Pages

CSS tutorial: CSS Attribute Selectors