web-dev-qa-db-ja.com

スタイルシートの優先順位

次のスタイルシートがある場合:

user important declarations
user normal declarations
author normal declarations
user agent declarations
author important declarations

そして、それらを最高の優先度から最低の優先度まで適用する必要があります。どの順序で使用する必要がありますか?

26
Chin

優先順位の正しい順序は、重要度の低いものから最も重要なものまでです。

  1. ユーザーエージェント
  2. ユーザー通常
  3. 著者ノーマル
  4. 著者重要
  5. ユーザーにとって重要

仕様 で定義されているとおり

44

CSS宣言は次の順序で適用されます(優先度の低いものから高いものへ)。

  1. ユーザーエージェント宣言(ブラウザーが要素に適用するデフォルトのスタイル)
  2. ユーザーの通常の宣言(使用している場合はユーザー独自のスタイルシート)
  3. 通常の宣言を作成する(これは通常のスタイルシートです)
  4. 重要な宣言の作成(重要なものはすべて)
  5. ユーザーの重要な宣言(ユーザーのスタイルシートの重要なスタイル)
9
Mehdi Souregi

以下の内容はここから取得されます。

スタイルプロパティは、任意の数のスタイルシートで表示でき、単一のスタイルシート内で数回表示できます。したがって、ルールを適用する順序は非常に重要です。これは「カスケード」オーダーと呼ばれます。 CSS2仕様によると、カスケードの順序は(低いものから高いものへ)です。

  1. ブラウザ宣言
  2. ユーザーの通常の宣言
  3. 著者の通常の宣言
  4. 著者の重要な宣言
  5. ユーザーの重要な宣言

a)ブラウザ宣言は最も重要ではありません。
b)宣言が重要としてマークされている場合にのみ、ユーザーは作成者をオーバーライドします。
c)同じ順序の宣言は、specificityでソートされ、指定された順序でソートされます。
d)HTMLビジュアル属性は、一致するCSS宣言に変換されます。
e)優先度の低い作成者ルールとして扱われます。

0
Aamir Shahzad