Что значит «каскадный» в CSS?

Question

Что точное значение термина „каскадный“ в CSS? Я получаю разные точки зрения, поэтому я прошу здесь. Пример может помочь.

Answer 1

„каскадный“ в этом контексте означает, что, поскольку более чем одно правило таблицы стилей может применяться к определенному фрагменту HTML, должен быть известный способ определения того, какое конкретное правило таблицы стилей применяется к какому фрагменту HTML.

Используемое правило выбирается каскадирование от более общих правил до требуемого конкретного правила. Выбирается наиболее конкретное правило.

Answer 2

CSS doc  
p{font-size: 12pt;} 
p{font-size: 14pt;} 

<p>My Headline<p> 

будет отображать p под шрифтом 14pt, потому что он «ближе» к фактическому элементу (внешние таблицы стилей загружаются из верхней части файла в конец файла). Если вы используете связанную таблицу стилей, а затем включите некоторый CSS в начало вашего документа после, ссылаясь на внешний документ CSS, объявление «в голове» выиграет, потому что оно еще ближе к определенному элементу. Это справедливо только для взвешенных селекторов. Проверьте http://www.stuffandnonsense.co.uk/archives/css_specificity_wars.html за хорошее описание веса данного селектора.

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

Answer 3

Когда я преподаю CSS, я всегда говорю студентам, что «каскадные таблицы стилей» означают что-то вроде «боевых таблиц стилей».

Одно правило говорит, что ваш тег H3 является красным, другое правило говорит, что оно зеленое - правила противоречат друг другу, кто победит !? Таблица стилей смерти!

ОК, возможно, это небольшое преувеличение, но это гораздо больше подходит для людей, не программируемых, не программируемых, которые только начинают, чем любое понятие о каскаде или наследовании.

Я, конечно же, обязательно скажу им, что для таблиц стилей не проблема в том, чтобы сражаться друг с другом, именно так был разработан язык.

Answer 4

Это процесс, который используется для разрешения конфликтов в спецификации таблицы стилей.

Это процесс разрешения конфликтов, выполненный в соответствии с упоминанием приоритета в CSS.

Answer 5

Håkon Wium Ли (CSS сотворец) определяет «каскад» в его PHD-тезис о CSS, как «Процесс объединения нескольких таблиц стилей и разрешения конфликтов между ними» (http://people.opera.com/howcome/2006/phd/#h-357)

Answer 6

Следующая статья отлично отвечает на ваш вопрос.

Это порядок, в котором свойства применяются к определенному элементу (элементам).

http://www.blooberry.com/indexdot/css/topics/cascade.htm

Answer 7

Вы должны думать об этом с внешней стороны. Если у вас есть правило, что на тело тега он будет «каскад» через каждый ребенок тег. Если вы поместите правило на любой тег внутри тела, оно примет это правило и т. Д. Таким образом, правило каскадирует все содержимое, если оно не прерывается правилом из встроенного тега.

Answer 8

Вы можете обрабатывать обработку CSS, поскольку водопад содержит несколько каскадов.Вот эти каскады сверху вниз по порядку: (. Чем ниже можно переопределить то же свойство в выше)

1. декларация агента пользователя
2. пользователя нормальных заявления
3. автора нормальные заявления
4. автора важных декларации
5. пользователем важные заявления

Смотреть еще в spec

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

1. инициализировать массив значений;
2. применяют значения от 1-го источника;
3. применять значения из 2-го начала, переопределить, если это значение существует;
4. ...
5. применять значения из N-го начала, переопределить, если значения существуют;

Из псевдокода видно, что он выглядит как водопад из нескольких каскадов.

Answer 9

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

Answer 10

Каскадирование означает выливание ступеней или добавление шагов. Таблицы стилей содержат коды для стилизации элемента html. И способ, которым коды написаны в таблице стилей, находится в каскадном режиме. Или просто, обратные коды в слоях для каждого элемента html html-страницы в таблице стилей составляют каскадную таблицу стилей.

Answer 11

Одно пояснение, которое может помочь. Если вы включаете две таблицы стилей, и в каждой из них есть правило с той же специфичностью, то последняя включает в себя последние победы. И.Е. последнее в каскаде имеет наибольшее влияние.

(Это просто вариация на тему имея два правила в том же листе. - последний выигрывает, если все другие вещи равны)

Eg, учитывая

body { 
    background:blue; 
} 

body { 
    background:green; 
} 

тогда фон будет быть зеленого цвета.

Answer 12

Каскадирование - это алгоритм, который присваивает вес каждому правилу стиля. Когда применяется несколько правил, приоритет имеет тот, у кого наибольший вес.