Декларація! Important в css, css-tricks по-російськи

Декларація! Important в CSS

Як використовувати?

Декларація! Important - це ключове слово, яке може бути додано в кінці будь-якої пари ключ / значення. наприклад:

Яке її вплив?

CSS надає вагу кожного правила, в залежності від його вибірки і позиції в вихідному елементі. Це визначає стиль HTML-елемента.

Якщо з'являються два конфліктуючих правила, то застосовується наступний підхід для його вирішення:

  • Джерело правила - якщо одне правило знаходиться в таблиці стилів сайту, а друге безпосередньо на клієнтському комп'ютері, то застосовано буде правило клієнта.
  • Специфіка - якщо два або більше правил мають відношення до одного і того ж властивості, одного і того ж елемента, а також один рівень важливості і одне джерело, то буде застосовано правило більш конкретного селектора.
  • Порядок - якщо у двох правил один вага, то буде застосовано останнє.

Іноді необхідно поміняти пріоритет правил. Розірвати ланцюжок каскаду можна за допомогою декларації! Important. У разі її використання, зазначене правило буде мати найвищий "вага" і саме воно буде використовуватися.

У наступному прикладі, другий селектор є більш конкретним і оголошено в кінці, але використовуватися буде саме перше правило, оскільки в ньому використовується декларація! Important, яке замінює всі інші правила.

Коли необхідно використовувати! Important?

Кілька прикладів і тонкощів використання:

Internat Explorer 5 і 6 ігнорують! Important, якщо одне і теж властивість оголошено в правилі двічі.

Internat Explorer 5 і 6 застосують значення 10px, тоді як інші браузери - 5px.

Заміна inline-стилів

Наприклад, користувач хоче вивести текст червоним кольором

Стильові файли для друку

Зворотній бік

Є тільки один спосіб перевизначити стиль відзначений! Important - це використовувати більш конкретний селектор і також відзначити використовуваний стиль декларацією. Все це може зробити файл стилів сильно заплутаним і складним для розуміння.

висновок

Використання декларації! Important може зробити файл стилів складним для розуміння і налагодження, однак якщо бути акуратним, то вона допоможе вам зберегти час і нерви.