CSS - внутреннее и внешнее + важное! Правило

У меня есть такие же правило, когда первый находится во внешнем файле .css и второй внутренняя через ... В эксCSS - внутреннее и внешнее + важное! Правило

.img1 { background-image: url("....") !important; } < - объявленное внутри .css файл и добавляются через к коде

.img1 { background-image: url("....") !important; } < - указанный внутри код через деталь.

Похоже, что внешний + важный превосходит внутренний + важный.

Почему? и что можно сделать, чтобы исправить это, кроме снятия важного! правят во внешнем правиле CSS

Благодаря

источник

2012-02-02 Alon

Честно говоря, в годы кодирования я ни разу не нашел необходимость использовать важное правило. Если вы думаете логически о структуре, вы можете полностью контролировать все, не используя! Important. Я бы удалил оба важных объявления, и ваша проблема решена. – Scott

+1 к комментарию Скотта, '! Important' декларации нарушают естественное каскадирование, старайтесь избегать их, как чуму, если можете. Если оба объявления идентичны, то вы объявляете первое/последнее? Попробуйте импортировать тот, который должен иметь приоритет, как последний. –

звучит как это о CSS селектор-старшинства, которым в основном:

если разные правила применяются к одному элементу, более конкретное правило, является используется (p.class лучше, чем просто .class)
это правила одинаковы, то позже используется
правила, содержащие !important являются предпочтительными по сравнению с «нормальными» е verytime
если два правила, содержащие !important применяются к одному элементу, более конкретный один или позже один используется

, чтобы узнать больше об этом, взгляните на http://www.vanseodesign.com/css/css-specificity-inheritance-cascaade/

позже = далее вниз в появившемся css-файле или содержимом css-файла, включенном дальше в один и тот же html-документ.

источник

2012-02-02 08:42:11 oezi

CSS - внутреннее и внешнее + важное! Правило

ответ

Смежные вопросы