Некоторые значения атрибутов могут перечисляться через пробел, например имена классов. Чтобы задать стиль при наличии в списке требуемого значения требуется использовать конструкцию ~=.
Синтаксис
[атрибут~="значение"] { Описание правил стиля }
E[атрибут~="значение"] { Описание правил стиля }
Стиль применяется в том случае, если у атрибута имеется указанное значение или оно входит в список значений, разделяемых пробелом.
В данном примере зеленый цвет текста применяется к селектору H3, если имя класса у слоя задано как block. Отметим, что аналогичный результат можно получить, если использовать конструкцию *= вместо ~=.
Это интересно
Каким образом, вы думаете, системные администраторы должны защищать от посягательств наши личные данные, если у всех одинаковые пароли? Согласно, опросу, самыми популярными являются следующие пароли: 12345, 123456, 11111, 55555 и 77777. А у 4% пользователей пароль совпадает с логином.