CSS selector [lang|=en]

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

правити

Порада

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

автор: NagarD правити

+ додати пораду чи нотатку

Синтаксис

[attribute |= value] {


    css declarations;


}

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
attribute-value-lang	4.0	2.0	3.1	9.6	7.0

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

Приклади

+ запропонувати свій приклад у пісочниці

<p class="top">class="top" — жовтий</p>
<p class="top-menu">class="top-menu" — теж жовтий: "top-" із дефісом</p>
<p class="topmenu">class="topmenu" — без змін</p>

[class|=top] {
    background-color: yellow;
}

<p lang="en">lang="en" — жовтий</p>
<p lang="en-US">lang="en-US" — теж жовтий: дефісне продовження</p>
<p lang="uk">lang="uk" — без змін</p>

[lang|=en] {
    background-color: yellow;
}