CSS: различия между версиями

4 байта убрано ,  3 года назад
(Спасение 2 источников и отметка 0 мёртвыми. #IABot (v1.5))
*** количество классов (<code>.class</code>), атрибутов (<code>[attr], [attr="value"]</code>) и псевдоклассов (<code>:pseudo-class</code>) в селекторе — ((0,1,0) за каждый объявленный класс, атрибут и псевдокласс в селекторе правила CSS);
*** количество элементов (<code>h1, input</code>) и псевдоэлементов (::pseudo-element) в селекторе — ((0,0,1) за каждый объявленный элемент и псевдоэлемент в селекторе правила CSS).
::: ''Принцип расчёта таков, что, например, (1,0,0) будет иметь большую специфичность, соответственно — бо́льший приоритет, чем даже (0,10,0), (0,1,0) будет иметь большую специфичность, больший приоритет, чем (0,0,10). Если же рассчитанные таким образом специфичности окажутся одинаковыми, то к элементу будет применено правило, описанное селектором, расположенным в документе ниже других.''
** Ещё более высоким приоритетом обладают стили, объявленные непосредственно в теге данного элемента посредством атрибута style этого тега;
** И наконец самым высоким приоритетом обладают стили, объявленные автором страницы ''или пользователем'', с помощью сопроводительного слова <code>!important</code>. Если таких свойств несколько, то предпочтение отдаётся в первую очередь стилям, ''заданным пользователем'', а для остальных свойств (которые будут являться задаваемыми автором страницы) потребуется определить их специфичности по принципам, описанным выше, и применять эти свойства в порядке убывания этих их специфичностей.
 
=== Пример таблицы стилей ===
Пример таблицы стилей (в таком виде она может быть либо размещена в отдельном файле .css либо же обрамлена тегами <style> и размещена в «шапке» той самой веб-страницы, на которую она действует):
Анонимный участник