CSS selector [lang|=en]

Селектор [attribute|=value] використовується для обирання елемента, у котрого значення атрибута починається із вказаного рядка, або значення атрибута починається з визначеного рядка і після нього йде дефіз (-). Цей селектор зручно використовувати з стильовими фреймворками, наприклад, bootstrap. Зазвичай фреймворми найменують свої класи, типу "table-hover" і цей селектор дозволяє обирати такі назви, якби назва класу була не в такому стилі, а наприклад "tableHover" - цей селектор не спрацював би.

Порада:

Значенням має починатися із зазначеного рядка, або після зазначеного рядка має йти дефіз.

Синтаксис

[attribute |= value] {


    css declarations;


}

Переглядачі

Переглядач
attribute-value-lang

4.0

7.0

2.0

3.1

9.6


Мобільних переглядачів ще не додано.


Мобільних переглядачів ще не додано.

Приклади


Обирає всі елементи з атрибутом lang значенням якого є "en" і задає їм стиль

[lang|=en] { 


    background-color: yellow;


}

Обирає всі елементи з атрибутом class значенням якого є "top" і задає їм стиль

[class|=top] { 


    background-color: yellow;


}