Правила и каскадность CSS

Итак, существует несколько способов задания связи между CSS и html - документом. Кроме того, к одному и тому же элементу веб - страницы могут быть назначены несколько стилей (к примеру, в рамках самого элемента и во внешней таблице стилей). При этом фактическое отображение элемента регулируется правилами каскадности:

1. Внешняя таблица стилей, ссылка на которую встречается в html - документе позже, имеет приоритет по отношению к внешней таблице стилей, ссылка на которую встречается раньше.

2. Внутренние таблицы стилей приоритетнее внешних.

3. Таблицы стилей, располагающиеся в рамках самого элемента (<p style ="...">), имеют приоритет, по отношению ко всем остальным стилям.

4. Более конкретные стили имеют приоритет перед менее конкретными (к примеру, p.classname {...} приоритетнее p {..}), т.е. стилевой класс приоритетнее переопределения тега, комбинированный класс приоритетнее стилевого.

5. В случае привязки к тегу нескольких стилевых классов, приоритетными считаются те, что указаны правее.

6. Атрибуты стиля, объявленные как!important, имеют приоритет перед всеми другими значениями. Таким образом, стиль p { color: red!important} сделает весь текст в рамках тегов <p> красным вне зависимости от любых других переопределений стиля для <p>.

Не нашли, что искали? Воспользуйтесь поиском: