blocks|key|1520947|text|在此上下文中的“级联”意味着，因为一个以上的样式表声明可以应用于特定的HTML部分，所以必须有一种已知的方法来确定哪个特定的样式表规则应用于哪部分HTML。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1520948|所使用的规则是通过从更一般的声明到所需的特定规则的级联来选择的。选择最具体的声明。|1520949|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

"Cascading" in this context means that because more than one stylesheet declaration could apply to a particular piece of HTML, there has to be a known way of determining which specific stylesheet rule applies to which piece of HTML. 

The rule used is chosen by cascading down from the more general declarations to the specific rule required. The most specific declaration is chosen.

blocks|key|1305958|text|它是一个用来解决样式表规范中冲突的过程。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1305959|这就是根据CSS中提到的优先级完成的冲突解决过程。|1305960|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

It is a process which is used to resolve the conflicts in style sheet specification.

That is primely the conflict resolution process done according to the precedence mention in CSS.

blocks|key|1521043|text|H+Lie+(CSS的共同创建者)在他关于CSS的博士论文中将“层叠”定义为“组合几个样式表并解决它们之间的冲突的过程”https://www.wiumlie.no/2006/phd/|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1521044|entityMap|0|LINK|mutability|MUTABLE|url|https://www.wiumlie.no/2006/phd/^0|1O|W|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Håkon Wium Lie (CSS co-creator) defines "cascade" in his PHD-thesis on CSS as
"The process of combining several style sheets and resolving conflicts between them" <a href="https://www.wiumlie.no/2006/phd/" rel="noreferrer">https://www.wiumlie.no/2006/phd/</a>

blocks|key|1306063|text|下面的文章完美地回答了你的问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1306064|它是在特定元素上应用属性的顺序。|1306065|http://www.blooberry.com/indexdot/css/topics/cascade.htm|offset|length|1306066|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|0|1K|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Q|8|@]|9|@$F|R|G|S|1|T]]|A|$]]|$1|H|3|-4|5|6|7|U|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|E]]]]

The following article answers your question perfectly.

It's the order in which properties are applied on a particular element(s).

<a href="http://www.blooberry.com/indexdot/css/topics/cascade.htm" rel="noreferrer">http://www.blooberry.com/indexdot/css/topics/cascade.htm</a>

blocks|key|1521130|text|你必须从外到内考虑它。如果你有一个在body标签上的规则，它将“层叠”通过每个子标签。如果您将规则放在正文中的任何标记上，它将采用该规则，依此类推。因此，除非被来自嵌入式标签的规则中断，否则该规则将级联所有内容。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1521131|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

You have to think of it from the outside in. If you have a rule that that is on the body tag it will "cascade" through every child tag. If you put a rule on any tag inside the body it will adopt that rule, and so on. So the rule cascades through all the content unless interrupted by a rule from an embedded tag.

blocks|key|1521180|text|CSS代表层叠样式表。从本质上讲，层叠样式表会覆盖更高层次的样式(除非更高层次的样式更具体)。因此，我们可以在样式表的开头设置基本样式，适用于我们设计的所有版本，然后用文档中进一步的媒体查询覆盖相关部分。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1521181|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

CSS stands for Cascading Style Sheet. By their very nature styles further down a cascading stylesheet override equivalent styles higher up (unless styles higher up are more specific). We can therefore set base styles at the beginning of a stylesheet, applicable to all versions of our design, and then override relevant sections with media queries further on in the document.

blocks|key|1306194|text|级联意味着分步倾倒或分步添加。样式表包含用于设置html元素样式的代码。并且在样式表中编写代码的方式是级联方式。或者简单地，针对样式表中的html页面的每个html元素的层中的背靠背代码构成级联样式表。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1306195|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Cascading means pouring down in steps or adding in steps. Style sheets contains codes for styling a html element. And the manner in which the codes are written in style sheet is in the cascading fashion. Or simply, back to back codes in layers for each html element of a html page in style sheet make the cascading style sheet.

blocks|key|1521285|text|有一点澄清可能会有所帮助。如果您包含两个样式表，并且每个样式表中都有一个具有相同特性的规则，则最后一个包含的样式表将胜出。即，级联中的最后一个具有最大的影响力。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1521286|(这只是将两个规则放在同一张表中的变体-如果所有其他条件相同，最后一个规则将获胜。)|1521287|例如，给定|1521288|body+{
++++background:blue;
}

body+{
++++background:green;
}|code-block|syntax|javascript|1521289|那么背景将是绿色的。|1521290|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Q|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|R|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

One clarification that may help. If you include two stylesheets and there's a rule with the same specificity in each, the one included last wins. I.E. the last in the cascade has the most influence.

(This is just a variation on having the two rules in the same sheet - the last one wins if all other things are equal.)

Eg, given

<pre><code>body {
 background:blue;
}

body {
 background:green;
}
</code></pre>

then the background will be green.

blocks|key|1521315|text|级联是一种为每个样式规则分配权重的算法。当应用多个规则时，具有最大权重的规则优先。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1521316|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Cascading is an algorithm which assigns weight to each style rule.
When several rules apply, the one with the greatest weight takes precedence.

blocks|key|1521353|text|当一个或多个样式应用于相同的element.CSS时，执行一组称为级联的规则，该规则评估两个应用的样式的特异性强度，并确定获胜者，即具有更多权重的样式规则wins.if，这两个规则具有相同的权重，则最后应用的规则获胜。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1521354|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

When one or more styles are applied to the same element.CSS performs a set of rules called cascading which evaluates the strength of Specificity of the two applied styles and determines the winner i.e the style rule which has more weight wins.if the two rules have same weight then the rule applied last wins.

What's the exact meaning of the term "Cascading" in CSS? I am getting different views, so I ask here. An example would help.

What is the meaning of "cascading' in CSS?

CSS中术语“级联”的确切含义是什么？我得到了不同的观点，所以我在这里问。举个例子会有所帮助。

问CSS中“级联”的含义是什么？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS中“级联”的含义是什么？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS中“级联”的含义是什么？
EN