основы CSS

Каскад 3,4

3.Провести сортировку всех объявлений, применяемых к элементу, согласно их специфичности. Элементы с более высокой специфичностью имеют больший приоритет по сравнению с теми, специфичность которых ниже.

4.Провести сортировку всех объявлений, применяемых к элементу, в соответствии с очередностью расположения. Чем позже объявление появляется в таблице стилей или документе, тем больший приоритет ему присваивается.

Считается, что объявления, находящиеся в импортированных таблицах стилей, располагаются перед всеми объявлениями импортировавшей их таблицы стилей.

Итог

1.Поиск правил содержащих селекторы для элемента

2.Сортировка по приоритетности и источнику Пример.

p {color: gray !important;}

<p style="color: black;">Well,<em> hello</em> there!</p>

Несмотря на то что цвет задан в атрибуте style абзаца, побеждает правило с пометкой !important, и текст абзаца становится серым.

3. Сортировка по специфичности Пример

p#bright {color: silver;} p {color: black;}

<p id="bright">Well, hello there!</p>

Исходя из приведенных правил текст параграфа будет окрашен в серебристый цвет, как показано на рис. 3.8. Почему? Потому что специфичность p#bright (0,1,0,1 ) превышает специфичность p (0,0,0,1), даже несмотря на то, что последнее правило расположено в таблице стилей позже.

4. Сортировка по порядку расположения То что стоит ниже то и побеждает.

Заключение

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

Литература.

«CSS Каскадные таблицы стилей. Подробное руководство.»

3-е издание. Эрик Мейер.

2008 г.