Каскадность стилей

Что такое каскадность?

Каскадность - это способ, которым браузер решает, какие стили применять, если для элемента задано несколько правил.

Каскад учитывает три основных фактора:

• Источник стилей - браузерные стили, подключённые файлы CSS, внутренние стили (<style>), встроенные (style="");
• Специфичность селектора - чем более "точный' селектор, тем выше приоритет;
• Порядок объявления - при равной специфичности побеждает правило, записанное позже.

Приоритет каскада

• !important - максимальная специфичность;
• Встроенные стили (style="") - приоритет в 1000 "очков";
• ID-селекторы - приоритет в 100 "очков";
• Классы, псевдоклассы, атрибуты - приоритет в 10 "очков";
• Теги и псевдоэлементы - приоритет в 1 "очко";
• Универсальный селектор (*) - приоритет в 0 "очков";
• Порядок объявления - побеждает правило, записанное позже.