Css important що це для чого потрібен! Important в css

В CSS important займає окреме місце. Це не селектор, чи не властивість, що не атрибут. Це скоріше доповнення до значення властивості. Що воно значить?

За кілька років в інтернеті я знайшов для себе ряд корисних сайтів і сервісів, які не мають прямого відношення до сайтобудування і взагалі темі цього блогу, але я просто хотів би порекомендувати їх і вам:

Кешбек сервіси. такі як Epn.bz і Летішопс. Перший дозволить заощадити до 15% на Аліекспресс, а другий скупитися з Кешбек більш ніж в 1000 інтернет-магазинів. Пошук авіаквитків, просто відмінний сервіс - Aviasales.ru. Шукає по сотням сайтів і видає всі варіанти авіаквитків, можна вибирати найдешевші або ті, де менше час у дорозі. Також у них відмінне моб. додаток і браузерні плагін.

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

Звичайно ж, червоного, тому що селектор класу більш конкретний, ніж у селектора позначає всі посилання в загальному (їх можуть бути тисячі). Але давайте додамо в правило всього лише одне слово:

A color: blue! Important
>

Тепер всі посилання у вас будуть синіми. А якщо вас це не влаштовує, просто приберіть слово і все повернеться на свої місця.

Не варто зловживати цим ключовим словом - ставте його тільки там, де дійсно потрібно закріпити стилі.

А що, якщо CSS important не працює?

Ніяких проблем і помилок бути не повинно, а якщо вони трапилися, то проблема швидше за все ось у чому:

A color: blue! Important
>
.link color: red! important
>

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

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