浏览器将 CSS 样式应用于 DOM 元素是否存在一致/通用的顺序？
比如box模型是：margin、border、padding和width。
浏览器处理与 box-model 顺序相同的 CSS 样式是否比列出的 CSS 样式更快：宽度、填充、边框和边距？
而且，是否有处理所有 CSS 样式的顺序的标准/规则？
编辑：我在询问浏览器应用特定 CSS 样式的特定顺序。这是一个通用标准还是每个浏览器？例如，浏览器是否必须先应用 z-index 才能应用背景色？
问问题
1552 次
1 回答
4
CSS 样式将始终从上到下应用，从外部样式表开始（按照它们链接的顺序），然后是文档头部的样式，然后是内联样式。层次结构中后面的样式将覆盖较早出现的样式。
编辑：我需要修改我的答案。特异性也起作用。CSS 选择器定义得越明确，它的优先级就越高。具有相同特异性的选择器按照我最初所说的方式工作。
[ http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/ ]
编辑#2：实际上有一个很好的方法来计算给定的一组选择器的特异性量，可以在这里找到：[ http://www.htmldog.com/guides/cssadvanced/specificity/ ]
(id 选择器)#foo价值 100
(类选择器).bar价值 10
(html 选择器)html/body/p/span/div/etc价值 1
#foo span.bar= 111
html body p span= 4
等
于 2012-11-23T17:15:34.243 回答