css - CSS ルールの順序付けに関するルールはありますか?

Question

CSS ルールを順序付けるルールはありますか? 通常、Firebugで CSS を編集すると、CSS の順序が変更されますが、Chrome 開発者ツールではそのままです。Internet Explorer Developer Toolbar では、まったく異なる方法で順序付けされています。

これが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;
}

両方ともまったく同じ効果があります。一貫性を保つために、なぜfirebugがそれらを別の順序に並べ替えるのか、私にはわかりません。宣言に関する限り、違いはありません。

個人的に私はいつもルールを次のように書いています: 表示、幅、高さ、マージン、パディング、背景、境界線

個人的な好みですが、すべてのルールとの一貫性を保つことで、コードが読みやすくなるだけでなく、コードを見ている他の人にとっても簡単になります

これがあなたが求めていたものかどうかはわかりませんが、私はこのようなファイアバグの並べ替えを経験したので、それを片付けたいと思いました

3 に答える 3