CSS. Каскадные таблицы стилей. Подробное руководство.Символ-Плюс 2008

Если бы ! important было расположено где-либо в другом месте объявления font, то все объявление было бы признано недействительным и ни одии из его стилей не был бы применен.

Объявления, отмеченные как ! important, ие имеют особого значения специфичности, они рассматриваются отдельно от остальных. Фактически все объявления ! important группируются вместе, н тогда уже их конфликты специфичностей разрешаются относительно друг друга. Аналогично группируются все остальные объявления, и конфликты свойств разрешаются с помощью специфичностей. В любом случае, когда имеет место конфликт важного и неважного объявления, всегда побеждает важное.

На рис. 3.2 показан результат применения следующих правил и фрагмента разметки:

hi {font-style:italic; color; gray !important;} .title {color:black; background:silver;} * {background:black !important;}

<H1 class="title">NightWing</h1>

Рис, 3.2. Важные объявления всегда побеждают

Важные объявления и их обработка более подробно обсуждаются в разделе «Каскад» данной главы.

Наследование

Для понимания механизма применения объявлений к документу не менее важное значение, чем специфичность, имеет еще одно ключевое понятие - наследование. Наследование — это механизм, с помощью которого стили применяются не только к указанным элементам, но также к их потомкам. Например, если цвет применен к элементу hi, то этот цвет будет применен ко всему тексту в hi и даже к тому, который заключен в дочерние элементы этого h 1 *

hi {color:gray;}

<h1>Meerkat <ein>Central</em></h1>

И обычный текст hi, и текст em окрашены в серый цвет, потому что элемент em наследует значение color. Если бы значения свойств не наследовались элементами-потомками, текст em был бы черным, а не серым, и пришлось бы окрашивать итот элемент отдельно.