CSS селектор [атрибут^=значение]
Поддержка браузерами
12.0+ | 7.0+ | 3.5+ | 4.0+ | 9.6+ | 3.2+ |
Описание
Селектор [атрибут^=значение] применяет заданный стиль к элементу, атрибут которого начинается с заданного значения.
Пример:
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Пример</title> <style> div[class^="test"] { color: red; background-color: yellow; } </style> </head> <body> <div class="1_test">Первый элемент div.</div> <div class="2">Второй элемент div.</div> <div class="test_3">Третий элемент div.</div> <p class="test">Абзац с текстом.</p> </body> </html>
Результат данного примера:
Первый элемент div.
Второй элемент div.
Третий элемент div.
Абзац с текстом.