规则中不同风格的顺序是否重要？

我注意到，当我看着我写了一个规则，比方说：规则中不同风格的顺序是否重要？

label { 
font-size: 12px; 
position: absolute; 
padding: 9px; 
color: #666; 
}

萤火虫，把它转换为：

label { 
color: #666; 
font-size: 12px; 
padding: 9px; 
position: absolute; 
}

基本上，重排的样式。为什么？

我可以在我的风格中加入“终极”优先级来提高加载速度吗？有没有我没有意识到的加载命令？

来源

2011-11-25 willdanceforfun

你可能应该改写你的问题，在同一个选择器中说非重复的样式。 – Nightfirecat

好的，谢谢你呢？ – willdanceforfun

您的规则中样式的顺序无关紧要。 Firebug似乎按字母顺序排序（可能是偶然的）。

当然的顺序会做这个，问题，案件发挥作用：

.foo { 
    background: url(foo.png) top left repeat-x; 
    background-image: url(bar.png); 
}

来源

2011-11-25 07:07:22 cherouvim

一般：是的，为了在哪些属性实际上将设置方面做此事。

您可以谷歌的CSS优先环节多，例如：

http://www.vanseodesign.com/css/css-specificity-inheritance-cascaade/

但至于什么你在调试器中看到 - 这不是如何在CSS实际上会呈现在所有显著。这个特定类中的“颜色”，“字体大小”，“填充”和“位置”的顺序仅仅是Firebug的人造物。

来源

2011-11-25 07:08:05 paulsm4

我明白级联......我在谈论班级内的秩序。 – willdanceforfun

您在HTML类或CSS规则中列出“CSS声明”（例如“font-size：12px”）的顺序不会*重要，除非声明彼此冲突。在这种情况下，它会*重要，而第二个声明会胜出。但是，一般来说，订单可能很重要。而且，在这种情况下，Firebug调试器看上去只是一个良性的工件（和/或“有用的功能”）。 – paulsm4

是顺序事项：

label { 
font-size: 12px; 
position: absolute; 
padding: 9px; 
color: #666; 
font-size: 15px; 
}

字体大小（15像素）将否决12px的

来源

2011-11-25 07:08:47 Tessmore

除了在问题中没有重新声明或覆盖任何内容。 – BoltClock

好，因为在别人面前说，订单是让浏览器选择很重要，这规则使用，但按照性能我没有听说过这样的事情。由于CSS只是一个文本文件，下载速度不会受到影响。我不认为任何人已经用一些测试用例来检查这个主题。

来源

2011-11-25 09:01:58 HerrSerker

规则中不同风格的顺序是否重要？

回答

相关问题