什么是CSS \“级联”的含义?什么是CSS \“级联”的含义?(What is the meani

2019-05-13 19:28发布

是什么在CSS术语“层叠”的确切含义是什么? 我得到不同的意见,所以我在这里问。 一个例子会有所帮助。

Answer 1:

在此上下文中,“层叠”是指,因为多于一个的样式规则可以适用于一个特定的片的HTML,必须有确定哪些特定样式规则的一种已知的方式适用于哪些片的HTML。

使用的规则是通过级联从更一般的规则下到所要求的特定的规则选择。 最具体的规则选择。



Answer 2:

当我教CSS,我总是告诉学生说:“层叠样式表”是指像“ 战斗样式表”。

一个规则告诉你的H3标签是红色的,另一个规则告诉它是绿色的 - 规则是相互矛盾,谁赢!? 样式表死斗!

OK,也许这有点夸张,但它更适合于非代码,非编程的人谁是刚刚起步比级联,或继承任何概念。

我当然一定要告诉他们,这不是对样式表,各自为战的问题,那就是语言设计的方式。



Answer 3:

哈肯·维姆·莱(CSS联合创始人)定义的“级联”在他的PHD-论文的CSS为“组合几个样式表和解决他们之间的冲突的过程” https://www.wiumlie.no/2006/phd/



Answer 4:

下面的文章完全回答你的问题。

它在哪些属性的特定元素(多个)上的应用顺序。

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



Answer 5:

你必须从外界认为它。如果你有一个规则,那就是对身体的标签,将“级联”通过每一个孩子的标签。 如果你把一个规则上的任何标签的体内就会采用该规则,等等。 所以,在所有的内容的规定级联,除非从嵌入式标签的规则中断。



Answer 6:

作为一个瀑布包含几个级联可以处理CSS处理。 下面是这些级联从上到下依次为:(下可以覆盖相同的属性在较高。)

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

查看更多在规范

级联是选择来自多个来源的权值。 但它是从排序不同。 只有东西不是为了需要我们进行排序。 但是在CSS这些起源有固定的优先级。 因而伪代码可能看起来像如下:

  1. 初始化值阵列;
  2. 申请从1原点值;
  3. 从申请原产2ST的值,如果重写该值存在;
  4. ...
  5. 申请从第N个原点值,覆盖如果值存在;

从伪代码,你可以看到它很看起来像几个级联的瀑布。



Answer 7:

澄清一点,可以帮助。 如果你有两个样式,有一个规则,在每个相同的特异性,在一个包括最后的胜利。 IE最后在级联具有最大的影响。

(这仅仅是对具有相同的片材的两个规则的变化 - 最后一个赢,如果其他条件都是相等的。)

例如,考虑

body {
    background:blue;
}

body {
    background:green;
}

那么背景将是绿色的。



Answer 8:

它是用于解决在样式表规范的冲突的方法。

也就是说primely根据CSS优先提所做的冲突解决过程。



Answer 9:

CSS表示层叠样式表。 就其本质风格进一步向下级联样式表覆盖相当于风格上涨(除非风格的上涨是更具体的)。 因此,我们可以在一个样式表,适用于我们设计的所有版本的开头设定的基本样式,然后在文件中进一步上覆盖相关章节与媒体查询。



Answer 10:

级联装置倾泻而下在步骤或步骤中加入。 样式表包含用于造型一个html元素代码。 并且其中的代码被写在样式表中的方式是在级联的方式。 或者干脆,背靠背码层的html页面的每个HTML元素的样式表使级联样式表。



Answer 11:

级联是一种算法,权重分配给每个样式规则。 当几个规则,在一个具有最大的权重优先。



Answer 12:

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

<p>My Headline<p>

会使在14pt字体在p,因为它更“接近”实际元素(外部样式表从文件的顶部加载到文件的底部)。 如果您使用链接的样式表,然后在您的文档的头部一些CSS链接到外部CSS文档之后 ,有“头”声明会赢,因为它更接近定义的元素。 这是唯一真正的等权重选择的。 退房http://www.stuffandnonsense.co.uk/archives/css_specificity_wars.html对指定选择的重量很好的说明。

说了这么多,你可以考虑“继承”作为以及级联的一部分 - 所有的实际目的。 物联网“级联”包含的元素了。



文章来源: What is the meaning of \"cascading' in CSS?