Селектор атрибутов в CSS позволяет выбирать элементы на основе наличия определенного атрибута или его значения.
Существует несколько видов селекторов атрибутов:
[attribute] - Выбирает элементы, имеющие указанный атрибут.[attribute="value"] - Выбирает элементы, имеющие указанный атрибут со строго заданным значением.[attribute~="value"] - Выбирает элементы, имеющие указанный атрибут, значение которого содержит список слов, разделенных пробелами, и одно из этих слов точно совпадает с "value".[attribute^="value"] - Выбирает элементы, имеющие указанный атрибут, значение которого начинается с "value".[attribute$="value"] - Выбирает элементы, имеющие указанный атрибут, значение которого заканчивается на "value".[attribute*="value"] - Выбирает элементы, имеющие указанный атрибут, значение которого содержит подстроку "value".[attribute|="value"] - Выбирает элементы, имеющие указанный атрибут, значение которого является "value" или начинается с "value-" (дефис), используется для выбора языков, например, lang="en" или lang="en-US".Примеры использования:
css