CSS important что это?

В CSS important занимает отдельное место. Это не селектор, не свойство, не атрибут. Это скорее дополнение к значению свойства. Что оно означает?

Что значит слово important в css

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

<a class="link">Ссылка</a>
a{
color: blue
}
.link{
color: red
}

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

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

a{
color: blue!important
} 

Нужно прописать именно так – восклицательный знак и после него ключевое слово important. Ссылка станет синей. Теперь вы можете хоть привязать к ней еще десяток классов, хоть задать идентификатор, который является еще более конкретным – ничего не поможет и никакого переопределения не произойдет, потому что !important – очень важный стиль, который браузер определяет как тот, который нельзя менять!

Теперь все ссылки у вас будут синими. А если вас это не устраивает, просто уберите слово и все вернется на свои места.

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

А что, если CSS important не работает?

Никаких проблем и ошибок быть не должно, а если они случились, то проблема скорее всего вот в чем:

A{
color: blue!important
}
.link{
color: red!important
}

То есть вы поставили слово везде. А значит цвет ссылки с классом link все-таки станет красным, потому что этот стиль не только важный, но еще и более конкретный.

Также проблема может быть в том, что вы допустили опечатку в слове, забыли поставить восклицательный знак, поставили пробел между значением свойства и словом, забыли точку с запятой на конце и т.д.

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: