Группировка селекторов
Запятые разделяют селекторы и позволяют применять одно и то же правило сразу к нескольким элементам:
i, .warning, #important {
text-decoration: underline;
}
Иерархия селекторов
Если правила конфликтуют:
- Правило с более специфичным селектором имеет приоритет.
- Если два селектора имеют одинаковую специфичность, правило, указанное позже в документе, применяется первым.
Определение специфичности
Специфичность считается по четырёхзначной схеме: 0.0.0.0:
- Стиль в атрибуте элемента: 1.0.0.0 (самый высокий приоритет)
- Селекторы с id: +1 ко второй цифре
- Селекторы с другими атрибутами или псевдоклассы: +1 к третьей цифре
- Селекторы по имени элемента: +1 к четвертой цифре
- Универсальный селектор (*) имеет наименьший приоритет
При сравнении специфичности сравниваются цифры слева направо.
Каскад
Правила CSS могут определяться в трёх местах:
- Во внедренном стиле
- Во внешней таблице стилей
- В строке элемента (inline)
Внедренные таблицы стилей
Embedded Style Sheet WARNING
Don't go there!