订购CSS规则有什么规则吗？

Question

是否有任何规则来订购CSS规则？通常，每当我在Firebug上编辑CSS时，它会重新排序CSS，而在Chrome开发人员工具上，它仍保持原样。虽然Internet Explorer Developer Toolbar 以完全不同的方式命令他们。

这就是Firebug中发生的事情

While Editing

After Editing

Answer 1

有一条规则，即后来声明的规则会覆盖先前声明的规则匹配。这应该通知您的组织。 E.g：

div { color: black; }
div { color: red; }
# colors will be red

Answer 2

你的意思是你为特定元素写的实际规则吗？

e.g。

div{
    width:100px;
    height:100px;
    background:yellow;
}

与

相比

 div{
     background:yellow;
     height:100px;
     width:100px;
}

两者都会产生完全相同的效果，我不确定为什么firebug将它们重新排序为不同的顺序，可能只是为了保持一致性。就声明而言，没有区别。

就个人而言，我总是这样写我的规则：显示，宽度，高度，边距，填充，背景，边框

个人偏好，但保持与所有规则的一致性，不仅让您更容易阅读，也让其他人更容易看到您的代码

不确定这是不是你问的问题，但我已经经历过像这样的萤火虫重新排序，所以我想清除它

Answer 3

如果您希望订单找到您的css角色，只需右键单击css区域并选择

即可

  

在css面板中检查

这将是你喜欢的订单 如果它没有订购，你可以搜索你想要的角色