Селекторы
Версия 1.2 от Alexandr Fokin на 2020/06/21 15:07
<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]: значение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 |
| Имя класса | Атрибуит class | 3 |
| Id | Атрибут id | 4 |
Селектор регистрочуствителен
Селекторы обладают приоритетами (от * до id)