CSS

!important

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

.box{
  width:200px;
  height:200px;
  height:300px;
  background: tomato;
}

В этом случае у бокса высота будет 300px, а не 200px.

Но мы можем сделать так, чтобы во главе находилось то свойство, которое выше по документу. Поэтому после значения мы пишем вот такую вот штуку:

.box{
  width:200px;
  height:200px !important;
  height:300px;
  background: tomato;
}

«Important» в переводе с английского – «важный», соответственно это свойство становится важнее, чем все остальные «height» для этого бокса. 

Для чего это нужно? Дело в том, что когда вы пишите большие сайты, бывает такое, что у вас CSS-свойства в тысячу строк и вам нужно для бокса задать какую-то высоту, но где-то среди этой тысячи она уже задана, но вы не знаете, задано ниже нашего положения курсора или выше. Для этого мы можем использовать «!important».

Вопрос задаётся следующий: «А как сделать один «!important» ещё важнее, чем другой?» То есть самый главный «!important». Такого, к сожалению, нет. Теперь будет задвать значение «!important», который находится в документе ниже всех других «!important».

В общем, я думаю, логика понятна, как использовать тоже понятно. Не факт, что оно вам пригодится, но лучше вам это свойство знать и в крайнем случае использовать.

Вот, всё. Поехали дальше.