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;
}