Некоторые значения атрибутов могут перечисляться через пробел, например имена классов. Чтобы задать стиль при наличии в списке требуемого значения требуется использовать конструкцию ~=.
Синтаксис
[атрибут~="значение"] { Описание правил стиля }
E[атрибут~="значение"] { Описание правил стиля }
Стиль применяется в том случае, если у атрибута имеется указанное значение или оно входит в список значений, разделяемых пробелом.
В данном примере зеленый цвет текста применяется к селектору H3, если имя класса у слоя задано как block. Отметим, что аналогичный результат можно получить, если использовать конструкцию *= вместо ~=.
Это интересно
11-этажное здание дата-центра в Пекине было построено к Олимпиаде 2008 года архитектурным бюро Studio Pei-Zhu. Оно совмещало функции информационного центра и центра технического управления Игр. Кроме впечатляющей вычислительной мощности, интересно архитектурное решение постройки. Бетонный куб словно плавает по гладкой водной поверхности, а его стены изрезаны световыми каналами, напоминающими штрихкод. Кроме того, перед архитекторами стояла задача сделать центр воплощением концепции «Зеленой Олимпиады». Во внутреннем и внешнем освещении используются исключительно светодиодные лампы, использующие на 60% меньше электричества, чем обычные, а специальная стеклянная стена препятствует проникновению внутрь тепла, снижая расходы на охлаждение. После закрытия спортивных состязаний в Digital Beijing открылся интерактивный музей современных технологий.