[attribute|="value"] Selector

//the following example selects all elements with a class attribute value that begins with "top"

[class|="top"] {
  background: yellow;
}

Is used to select elements with the specified attribute starting with the specified value.

The value has to be a whole word, either alone, like class="top", or followed by a hyphen( - ), like class="top-text"!.