Закрыть
Войти
Подождите...
Собирается информация...
Восстановить пароль
Логин или пароль введены не верно!
Подождите...
Идет авторизация.
Вход
Логин или пароль введены не верно!
Забыли пароль?
или войти через вконтакте

!important

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».

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

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

Предыдущий урок Следующий урок
Тестирование

Чтобы пройти тестирование, необходимо войти или зарегистрироваться

Политика конфиденциальности   Пользовательское соглашение