112. Каскад в CSS
Что же происходит, когда к одному элементу применяются два правила с одинаковой специфичностью. Допустим, у нас есть вот такой CSS код:
h1 { color: blue; }
h1 { color: green; }
Специфичность у них равная. Так какое же правило будет применено? Будет применено то, которое стоит позже. В нашем примере будет применено второе правило и заголовок станет зеленого цвета.
Рассмотрим следующий пример, в котором появляется новое для вас - !important
.
h1 { color: blue !important; }
h1 { color: green; }
Теперь выигрывает то правило, у которого написан important
. important
повышает приоритет стиля. Но если написан important
к обоим стилям, то выиграет тот, который стоит после.
h1 { color: blue !important; }
h1 { color: green !important; }
Похожие уроки и записи блога
- Измените CSS код так, чтобы абзац стал зеленого цвета. НЕЛЬЗЯ радактировать правила, МОЖНО только менять их местами.
– Не пропускайте новостей, подпишитесь на нашу страницу ВКонтакте.
– На данный момент на сайте нет возможности оставлять комментарии, но Вы можете спросить на любом популярном форуме в интернете.
Это займет не больше минуты.