Может кто-нибудь дать пример, описывающий каскадирование, как это понимается в 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
- 1. CSS Укладка не «каскадирование»?
- 2. Понять каскадирование в CSS
- 3. Когда CSS каскадирование не работает
- 4. AJAX Каскадирование с MVC4
- 5. JavaScript-сайт с рабочими примерами
- 6. PyGObject с примерами GStreamer?
- 7. ClassNotFoundException с примерами Jemmy
- 8. .htaccess ссылка с примерами
- 9. Каскадирование ассоциации
- 10. Каскадирование jQuery.Deferred
- 11. ht проблема доступа, с примерами
- 12. Каскадирование DropDown с «отключенными» проблемами
- 13. Каскадирование DropDownList с сохраненной процедурой
- 14. Каскадирование с замком ActiveRecord HasAndBelongsToMany's
- 15. Specs2 с фьючерсами и примерами
- 16. Показатели кода поддержки с примерами
- 17. Проблема с примерами Android SDK
- 18. ClassNotFoundException с примерами примеров Spring
- 19. Объектно-ориентированный JavaScript с примерами
- 20. NoClassDefFoundError с AppEngine примерами проектов
- 21. Цель шаблона посетителя с примерами
- 22. Общий полиморфизм с примерами PHP
- 23. JPA: OptimisticLockException и каскадирование
- 24. Каскадирование Несколько полей поиска?
- 25. Каскадирование выпадающего списка
- 26. jQuery каскадирование выпадающих проблем
- 27. CSS Каскадирование - не должна ли линия дальше вниз?
- 28. Каскадирование с отслеживанием с использованием NHibernate?
- 29. Каскадирование DropDownList в Asp.net
- 30. Каскадирование DropDownList в DetailsView
RTFM: http://www.w3.org/TR/CSS2/cascade.html#cascade – MetalFrog
В первом вопросе, на который вы ссылаетесь, есть пример. Попробуйте прокрутить вниз. – BoltClock
Вы сделали домашнее задание? В записи wikipedia на CSS объясняется, что такое каскадирование: http://en.wikipedia.org/wiki/Cascading_Style_Sheets – YuriAlbuquerque