Какие существуют селекторы атрибутов в CSS?

Селекторы атрибутов в CSS позволяют выбирать элементы на основе их атрибутов и их значений. Основные типы селекторов атрибутов:

1. [атрибут] - Выбирает все элементы, у которых установлен указанный атрибут, независимо от его значения.

   css

2. [атрибут="значение"] - Выбирает все элементы, у которых указанный атрибут имеет точно заданное значение.

   css

3. [атрибут~="значение"] - Выбирает все элементы, у которых указанный атрибут содержит указанное значение в качестве отдельного слова в списке, разделенном пробелами.

   css

4. [атрибут|="значение"] - Выбирает все элементы, у которых указанный атрибут либо равен точно заданному значению, либо начинается с этого значения, за которым следует дефис (-). Используется в основном для языковых атрибутов (lang) или префиксов.

   css

5. [атрибут^="значение"] - Выбирает все элементы, у которых указанный атрибут начинается с заданного значения.

   css

6. [атрибут$="значение"] - Выбирает все элементы, у которых указанный атрибут заканчивается заданным значением.

   css

7. [атрибут*="значение"] - Выбирает все элементы, у которых указанный атрибут содержит заданное значение в любом месте строки (включая подстроки).

   css

Эти селекторы можно комбинировать с другими типами селекторов (по тегу, классу, ID и т.п.) для создания более специфичных правил.