CSS [attribute~=value] Selector

Selectors allow the representation of an element's attributes. When a selector is used as an expression to match against an element, attribute selectors must be considered to match an element if that element has an attribute that matches the attribute represented by the attribute selector. The [attribute~=value] selector is used to select elements with an attribute value containing a specified word.

[attribute~=value] {
    css declarations;
}

a[title~="America"] {
   color: #3366ff;
   background: #ffff99;
}

Click the button below to experiment with this selector.

Give it a Try!

2.0

7.0

4.0

3.1

9.6