Що означає! Важливе значення у CSS?

Що !importantозначає CSS?

Чи він доступний у CSS 2? CSS 3?

Де це підтримується? Усі сучасні браузери?

Це означає, по суті, те, що він говорить; що "це важливо, ігноруйте наступні правила та будь-які звичні проблеми, застосовуйте це правило!"

У звичайному використанні правило, визначене у зовнішній таблиці стилів, перекривається стилем, визначеним у headдокументі, який, у свою чергу, перекручується стилістичним стилем у самому елементі (передбачаючи рівну специфіку селекторів). Визначення правила з !important"атрибутом" (?) Відкидає звичайні занепокоєння щодо "пізнішого" правила, що перекриває "попередні".

Крім того, як правило, більш конкретне правило буде замінено менш конкретне правило. Тому:

a {
    /* css */
}

Зазвичай перераховується:

body div #elementID ul li a {
    /* css */
}

Оскільки останній селектор є більш конкретним (і він, як правило, не має значення, де знаходиться більш конкретний селектор (у headабо зовнішньому аркуші стилів), він все одно перекриє менш специфічний селектор (атрибути стильового стилю завжди будуть) перевизначте селектор "більше" або "менш", оскільки він завжди більш конкретний.

Якщо, однак, ви додасте !importantдо CSS-декларації менш конкретного селектора, воно матиме пріоритет.

Використання !importantмає свої цілі (хоча я намагаюся їх думати), але це дуже схоже на використання ядерного вибуху, щоб зупинити лисиць, які вбивають ваших курчат; так, лисиці будуть вбиті, але так будуть і кури. І сусідство.

Це також робить налагодження вашого CSS кошмаром (з особистого, емпіричного, досвіду).

Важливе правило - це спосіб зробити ваш CSS-каскад, але також мати правила, які, на ваш погляд, є найважливішими завжди. Правило, яке має важливе властивість!, Завжди буде застосовуватися незалежно від того, де це правило відображається в документі CSS.

Отже, якщо у вас є наступне:

.class {
   color:red !important;
}
.outerClass .class {
   color:blue;
}

правило з важливим буде застосованим (не рахуючи конкретності )

Я вважаю, що !importantз'явився в CSS1, тому кожен браузер підтримує його (IE4 до IE6 з частковою реалізацією, IE7 + повна)

Крім того, це не те, що ви не хочете використовувати досить часто, тому що якщо ви працюєте з іншими людьми, ви можете змінювати інші властивості.

!important є частиною CSS1.

Браузери, що підтримують його: IE5.5 +, Firefox 1+, Safari 3+, Chrome 1+.

Це означає, щось на кшталт:

Використовуйте мене, якщо навколо нічого іншого важливого немає!

Неможливо сказати це краще.

Він використовується для впливу на сортування в каскаді CSS, коли проводиться сортування за походженням. Це не має нічого спільного з специфікою, про яку йдеться в інших відповідях.

Ось пріоритет від найнижчого до найвищого:

1. стилі браузера
2. декларації аркуша користувача (без! важливо)
3. декларації з авторського стилю (без! важливо)
4. важливі авторські таблиці стилів
5. ! важливі таблиці стилів користувача

Після цього відбувається специфіка правил, які все ще мають палець у пирізі.

Список літератури:

• http://www.w3.org/TR/CSS2/cascade.html#cascade
• https://russmaxdesign.github.io/maxdesign-slides/02-css/207-css-cascade.html

Він змінює правила перегляду пріоритету css-каскадів. Дивіться специфікацію CSS2 .