[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"!.

[attribute|="value"] Selector — Structure map

Clickable & Draggable!

[attribute|="value"] Selector — Related pages: