css - 排序 CSS 规则有什么规则吗？

Question

是否有任何规则来排序 CSS 规则？通常，每当我在Firebug上编辑 CSS 时，它都会重新排序 CSS，而在 chrome 开发人员工具上它保持原样。而Internet Explorer 开发人员工具栏以完全不同的方式对它们进行排序。

这就是在 Firebug 中发生的事情

score 2 · Accepted Answer

你应该如何订购它没有规则。

不过，后来声明的规则会覆盖与先前声明的规则匹配的规则。因此，这应该通知您的组织。例如：

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

score 1 · Accepted Answer

您是指您为特定元素编写的实际规则吗？

例如

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

相比

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

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

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

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

不确定这是否是您要问的，但我经历过这样的萤火虫重新排序，所以我想我会清除它

score 0 · Accepted Answer

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

在 CSS 面板中检查

不下单就按你喜欢的顺序搜索你要的角色

3 回答 3