использование тега! важный, чтобы программист не переписывал дизайн

Question

Я использую тег! Important в CSS, чтобы иметь приоритет над более поздними правилами.

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

Например: мой css - загружается первым.

#div{
    color: green !important;
}

css программиста:

#div {
    color: red !important;
}

он будет красным, хотя я бы хотел, чтобы он был зеленым.

Подходящий способ исправить это - загрузить мой css до конца тега </body>? Что делать, если страница не может быть загружена быстро? Правильно ли загрузить его в начале и в конце документа?

Answer 1

Вы можете увеличить специфичность правила.

Пример: правило с селектором "#div" менее специфично, чем "#div .test".Если два правила имеют !important, то более конкретные выигрывают.

---

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

Пример: Вы измените на #myBody #div и он меняется на html #myBody #div.Таким образом, вы НЕ МОЖЕТЕ остановить программиста от перезаписи ваших правил.

См. здесь .

Answer 2

Подходящая вещь - это почти никогда не использовать !important, частично по той причине, которую вы упомянули. !important означает, что мое правило на первом месте, за исключением случаев, когда другие правила также имеют !important, после чего начинается странный и экзотический мир специфичности CSS. Просто убедитесь, что ваше правило более специфично, чем их.

Чтобы узнать больше о специфике, прочитайте превосходное введение Криса Койера .