Селекторы

Версия 1.4 от Alexandr Fokin на 2023/02/15 16:56

<style>

 <--Для указанного селектора-->
 [селектор]
  {
   [свойство1]: значение1
   [свойство2]: значение2
  }

 <--Для списка указанных селекторов-->
 [селектор1], [селектор2]
  {
   [свойство1]: значение1
   [свойство2]: значение2
  }

 <--Для таких селекторов [селектор2], являющихся вложенным по отношению к [селектор1] (любого уровня )-->
 [селектор1] [селектор2]
  {
   [свойство1]: значение1
   [свойство2]: значение2
  }

 <--Для таких селекторов [селектор2], являющихся вложенным по отношению к [селектор1] (только 1 уровень вложения)-->
 [селектор1] > [селектор2]
  {
   [свойство1]: значение1
   [свойство2]: значение2
  }

 <--Для таких селекторов [селектор2], первый элемент свурху на том же уровне [селектор1]-->
 [селектор1] + [селектор2]
  {
   [свойство1]: значение1
   [свойство2]: значение2
  }

 <--Для таких селекторов [селектор2], перед которыми на том же уровне имеется [селектор1]-->
 [селектор1] ~ [селектор2]
  {
   [свойство1]: значение1
   [свойство2]: значение2
  }

</style>
Допустимые селекторы
Имя/ФорматОписаниеСила приоритета применения
*Все элементы1
Имя тега 2
Имя тега[Имя атрибута]Все теги, у явно указан данный атрибут2
Имя тега[Имя атрибута="Значение атрибута"]Все теги, у явно указан данный атрибут с опеределенным значением.
^ - Значение начинается с подстроки | Имя тега[Имя атрибута^="Значение атрибута"]
$ - Значение оканчивается подстрокой | Имя тега[Имя атрибута$="Значение атрибута"]
2
Имя классаАтрибуит class3
IdАтрибут id4
Допустимые селекторы
Имя/Формат Описание Сила приоритета применения
* Все элементы 1
Имя тега 2
Имя тега[Имя атрибута] Все теги, у явно указан данный атрибут 2
Имя тега[Имя атрибута="Значение атрибута"] Все теги, у явно указан данный атрибут с опеределенным значением.
^ - Значение начинается с подстроки | Имя тега[Имя атрибута^="Значение атрибута"]
$ - Значение оканчивается подстрокой | Имя тега[Имя атрибута$="Значение атрибута"]
2
Имя класса Атрибуит class 3
Id Атрибут id 4

Селектор регистрочуствителен
Селекторы обладают приоритетами (от * до id)