ブラウザーが CSS スタイルを DOM 要素に適用する一貫した/普遍的な順序はありますか?
たとえば、ボックス モデルは、margin、border、padding、および width です。
ブラウザーは、ボックスモデルと同じ順序でリストされている CSS スタイルを、幅、パディング、境界線、およびマージンのリストされている CSS スタイルよりも速く処理しますか?
また、すべての CSS スタイルが処理される順序の標準/ルールはありますか?
編集: ブラウザーが特定の CSS スタイルを適用する特定の順序について質問しています。これは普遍的な標準ですか、それともブラウザごとですか? たとえば、ブラウザは背景色を適用する前に z-index を適用する必要がありますか?
CSS スタイルは常に上から下に適用され、外部スタイルシート (リンクされている順序) から始まり、ドキュメントの head 内のスタイル、インライン スタイルの順に適用されます。階層の後のスタイルは、前に表示されたスタイルを上書きします。
編集:答えを修正する必要があります。特異性も同様に役割を果たします。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
など