CSS [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

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;
}
Try it Yourself »

Related Pages

CSS tutorial: CSS Attribute Selectors


Copyright 1999-2023 by Refsnes Data. All Rights Reserved.