Урок с практикой по CSS (Онлайн курсы)
Выбрать другой урок из курса
Теория урока

Каскад в CSS

Что же происходит, когда к одному элементу применяются два правила с одинаковой специфичностью. Допустим, у нас есть вот такой CSS код:

Пример 1
h1 { color: blue; }
h1 { color: green; }

Специфичность у них равная. Так какое же правило будет применено? Будет применено то, которое стоит позже. В нашем примере будет применено второе правило и заголовок станет зеленого цвета.

Рассмотрим следующий пример, в котором появляется новое для вас - !important.

Пример 2
h1 { color: blue !important; }
h1 { color: green; }

Теперь выигрывает то правило, у которого написан important. important повышает приоритет стиля. Но если написан important к обоим стилям, то выиграет тот, который стоит после.

Пример 3
h1 { color: blue !important; }
h1 { color: green !important; }
<
×
>
Внимание! Впервые на этом сайте?

Образовательный ресурс codebra.ru полностью посвящен программированию. Все курсы и уроки находятся на главной странице. Вы можете начать изучение прямо сейчас, кликнув на ссылки: HTML, CSS, JavaScript, C++, PHP, jQuery, Python, Bootstrap 3

Если что-то не нашли, то воспользуйтесь поиском по сайту, который находится на главной странице в самом верху.

Удачи в обучении!

Закрыть окно