Может кто-нибудь дать пример, описывающий каскадирование, как это понимается в CSS, и когда они полезны? Я видел ответы, описывающие cascading, а также разницу между cascading and inheritance, но я не вижу ответа, описывающего CSS Cascading на примере.CSS каскадирование с примерами
ответ
Когда вы рассматриваете только «авторские» таблицы стилей (не пользовательский или пользовательский агент), то, о чем вы, вероятно, путаете, это не столько «каскад», сколько «специфичность» правил для CSS.
Вот некоторые хорошие объяснения того, как работает специфичность и как выяснить, почему некоторые правила применяются к вашим элементам:
http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/
http://css-tricks.com/specifics-on-css-specificity/
EDIT: Каскад: Все действующие правила для элемента собраны, затем упорядочены по их происхождению (большее число означает более высокий приоритет):
- декларации агента пользователя
- пользовательских нормальные декларации
- автора нормальных декларации
- автора важных декларации
- пользователя важных заявления
Специфичность используется в качестве связующего выключателя, если начало координат одно и то же. Наконец, если специфика одинаков, то порядок объявления является окончательным тай-брейкером. Надеюсь, это понятно и без утомительного например ...
+1 Специфика - это один из конкретных компонентов, составляющих каскад. (Не преднамеренный каламбур. Клянусь.) – BoltClock
@Steve H спасибо за ссылки. Обе эти ссылки имеют действительно хорошее объяснение специфичности, которая, согласно BoltClock, является лишь одним из компонентов каскадирования. Я очень хочу знать, что это за другие компоненты. Именно поэтому я еще не определил ваш ответ как принятый. – Inquisitive
@BoltClock Каковы другие компоненты, которые составляют каскад? – Inquisitive
каскад: Смотрите слайды на http://www.maxdesign.com.au/articles/css-cascade/ хорошее объяснение
О наследовании против каскада:
«Наследование является механизмом, который это отдельно от каскада: наследование применяется к дереву DOM (Document Object Model), тогда как каскад имеет дело с правилами таблицы стилей. Однако свойства CSS, заданные элементом через каскад, могут быть унаследованы дочерними элементами этого элемента. " - http://reference.sitepoint.com/css/inheritance
RTFM: http://www.w3.org/TR/CSS2/cascade.html#cascade – MetalFrog
В первом вопросе, на который вы ссылаетесь, есть пример. Попробуйте прокрутить вниз. – BoltClock
Вы сделали домашнее задание? В записи wikipedia на CSS объясняется, что такое каскадирование: http://en.wikipedia.org/wiki/Cascading_Style_Sheets – YuriAlbuquerque