[attr|='value']

[атрибут|="значение"]

В именах идентификаторов и классов разрешено использовать символ дефиса (-), что позволяет создавать значащие значения атрибутов id и class.

Синтаксис

[<атрибут>|="<значение>"] { Описание правил стиля }
E[<атрибут>|="<значение>"] { Описание правил стиля }

Стиль применяется к элементам, у которых атрибут точно равен указанному значению или начинается с указанного значения, после которого идёт дефис.

Пример

В данном примере имя класса задано как block-menu-therm, поэтому в стилях используется конструкция |="block", поскольку значение начинается именно с этого слова и в значении встречаются дефисы.