Каскадные правила CSS W3C, объяснение, пожалуйста

Итак, у нас есть стандарты w3c, говорящие, какой приоритет имеет CSS при применении:

Сортировка по важности (обычная или важная) и происхождению (автор, пользователь или пользовательский агент). В порядке возрастания старшинства:

  1. объявления пользовательского агента (из пользовательского агента? (стандартный стиль))

  2. пользовательские нормальные объявления ‹- что это?

  3. нормальные объявления автора ‹- что это? (таблицы стилей, примененные мной?)

  4. важные объявления (от меня с !important флагом)

  5. важные объявления пользователя ‹- что это?

Однако это не объясняет, что это значит. Просто сбрасывает декларацию. Что такое пользовательские обычные объявления? И так далее что это значит?

Я знаю, что когда вы применяете порядок CSS, он выглядит следующим образом:

  1. Первые стили из пользовательского агента
  2. Чем стили из внешнего документа
  3. Стили внутри тега
  4. встроенные стили

Мой вопрос: что означают 5 правил отдельно?


css cascading
person Viking    schedule 21.04.2016    source источник
comment
Я думаю, что более важна специфичность, потому что, если правило имеет большую специфичность, чем другие, даже если второе является нормальным объявлением автора, первое будет применено.   -  person Marcos Pérez Gude    schedule 21.04.2016
comment
Этот вопрос либо слишком широк, основан на мнениях, либо требует обсуждения, поэтому он не относится к теме Stack Overflow. Если у вас есть конкретная, требующая ответа проблема с программированием, предоставьте полную информацию.   -  person Paulie_D    schedule 21.04.2016
comment
Я знаю, что когда вы применяете порядок CSS, он такой... Нет, это не так. Порядок соответствует DOM, более поздние правила имеют приоритет над более ранними, имеющими ту же специфику. автор имеет в виду вас. пользователь означает пользователя. обычный означает без !important. важный означает с !важным.   -  person Alohci    schedule 21.04.2016
comment
1: Стили браузера по умолчанию 2: Внешние стили 3: Внутренний стиль в ‹Head›. 4: встроенные стили. Большее число имеет приоритет   -  person GreatJobBob    schedule 21.04.2016
comment
Пользователь значит пользователь? Какой пользователь? Пользовательский агент?   -  person Viking    schedule 21.04.2016
comment
@GreatJobBob - Нет, это миф. Попытайся. Поместите ссылку на внешнюю таблицу стилей после блока ‹style›. Вы увидите, что правила внешней таблицы стилей переопределяют правила блока ‹style›.   -  person Alohci    schedule 21.04.2016
comment
@TerryvandenBerg - Вы знаете, что такое пользователь. Это человек, который не может найти ни одной клавиши на своей клавиатуре.   -  person Alohci    schedule 21.04.2016
comment
Спасибо за усилия, ребята.   -  person Viking    schedule 21.04.2016

Ответы (1)


arrow_upward
1
arrow_downward

Я предполагаю, что вы говорите о следующей спецификации: W3C Spec

Как видите, в разделе «6.4 Каскад» есть описание различных источников и порядка каскадирования.

Вкратце это означает:

  1. объявления пользовательского агента: стандартный стиль используемого пользовательского агента (браузера)
  2. пользовательские нормальные объявления: пользовательские стили, объявленные пользователем
  3. Нормальные объявления автора: стиль, объявленный автором веб-сайта
  4. важные объявления автора: 3. с правилом "!important"
  5. важные объявления пользователя: 2. с правилом "!important"

Термин «пользователь» означает человека, который посещает веб-сайт.

К сожалению, использование определяемого пользователем CSS не очень популярно, поэтому этот порядок также не очень популярен...

person hawc    schedule 21.04.2016
comment
Спасибо за Ваш ответ. Как бы пользователь создал css для страницы, лол? с помощью консоли? - person Viking; 21.04.2016
comment
Насколько я знаю, каждый распространенный веб-браузер используется для реализации возможности создания пользовательских (определяемых пользователем) таблиц стилей. В основном, редактируя специальный файл css или добавляя свой собственный. К настоящему времени (потому что он все равно не использовался) он удален из Chrome, в Firefox есть файл, в который вы можете добавить свои таблицы стилей, но он довольно хорошо скрыт (см. ffeathers.wordpress.com/2013/03/10/). - person hawc; 21.04.2016
comment
Люди, которые действительно могут извлечь пользу из пользовательской таблицы стилей, — это люди с особыми проблемами со зрением. Есть люди, которые читают текст только в том случае, если он синий на белом, для других он может быть желтым на черном. Пользовательская таблица стилей позволяет им переопределить схему автора, чтобы помочь с их конкретной трудностью. - person Alohci; 21.04.2016
comment
@Alohci Обратите внимание, что для конкретного примера, который вы упомянули, достаточно установить «Переопределить цвета, указанные на странице, с моим выбором выше в диалоговом окне «Параметры» Firefox. Не нужно возиться с пользовательской таблицей стилей! - person Mr Lister; 30.04.2016