CSS селектор [атрибут|=значение]
Поддержка браузерами
12.0+ | 7.0+ | 2.0+ | 4.0+ | 9.6+ | 3.1+ |
Описание
Селектор [атрибут|=значение] применяет заданный стиль к элементу с указанным атрибутом, значение которого начинается с указанного слова.
Значение может быть единственным словом в атрибуте, например lang="ru" или с добавлением других слов через дефис, например lang="ru-region".
Пример:
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Пример</title> <style> [lang|=ru] { color:green; } </style> </head> <body> <p lang="ru">Привет!</p> <p lang="en">Hi!</p> <p lang="en">Hello!</p> <p lang="ru-region">Здравствуйте.</p> </body> </html>
Результат данного примера:
Привет!
Hi!
Hello!
Здравствуйте.