О наследовании, каскадировании, приоритетах стилей CSS.

Категория: CSS :: 7-09-2011, 22:19

Применяют CSS к документу HTML, чтобы производить наследование и каскадирование. При наследовании свойство CSS, объявленное для элемента-предка, наследуется элементом потомком. Однако, соответственно, не каждое свойство CSS наследуется.

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

• Самый низкий приоритет имеет стили браузеров;
• Следующий по важности - это стиль, который задает пользователь;
• И самый высокий приоритет у стиля, который задает непосредственно автор страниц. И дальше, уже в этом авторских стилях каждый приоритет расставляется таким способом:

• Наиболее низкий приоритет имеет стиль, наследуемый в документе элементом от своего предка;
• Наиболее высокий приоритет имеет стиль, заданный во внешней таблице стиля, подключённого к документации;
• Ещё наиболее высокий приоритет имеет стиль, заданный непосредственно селектором каждого вида, содержащегося в контейнере style данной документации. Нередкий случай, когда к каким-нибудь элементам имеется отношение, задается их вид, некоторые такие селекторы. Такой конфликт между ними разрешается благодаря расчёту специфичности всех таких селекторов и пользования этими селекторами к данным элементам благодаря порядку убывания его специфичности. Во время расчёта специфичности селекторов принимают во внимание:
• Идентификаторы, их число в селекторе;

• Классы, их число и псевдоклассы в селекторе —- ((0,1,0) за один класс, который объявили и псевдокласс);
• Тегов в селекторе, их число;
• Самый высокий приоритет у стилей, объявленных авторами страниц или пользователями, используя сопроводительное слово !important.









Script-coding.Info :: Карта сайта
Все права защищены, 2011.
Яндекс цитирования  
Энциклопедия языков программирования.