0

请有人举一个例子来描述 CSS 中的级联，它们什么时候有用？我已经看到描述级联的答案以及级联和继承之间的区别，但我没有看到任何通过示例描述 CSS 级联的答案。

4

2 回答 2

3

当只考虑“作者”样式表（不是用户或用户代理）时，您可能感到困惑的不是“级联”，而是 CSS 的“特异性”规则。

以下是关于特异性如何工作以及如何弄清楚为什么将某些规则应用于您的元素的一些很好的解释：

http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

http://css-tricks.com/specifics-on-css-specificity/

编辑：级联：收集元素的所有适用规则，然后根据其来源排序（数字越大意味着优先级越高）：

  1. 用户代理声明
  2. 用户正常声明
  3. 作者正常声明
  4. 编写重要声明
  5. 用户重要声明

如果起源相同，则特异性用作决胜局。最后，如果特异性相同，则声明顺序是最后的决胜局。希望没有繁琐的例子就可以理解...

于 2012-06-27T15:59:29.217 回答
1

关于继承与级联：

“继承是一种与级联分离的机制：继承适用于 DOM（文档对象模型）树，而级联处理样式表规则。但是，通过级联在元素上设置的 CSS 属性可以由该元素的子元素。” - http://reference.sitepoint.com/css/inheritance

于 2012-08-26T15:15:05.693 回答