☰

CSS スタイルシートはどの順序で上書きされますか? 質問する

tag-icon • tag-icon css overriding stylesheet
CSS スタイルシートはどの順序で上書きされますか? 質問する

HTML ヘッダーには次の内容が含まれています:

<head>
<title>Title</title>
<link href="styles.css" rel="stylesheet" type="text/css"/>
<link href="master.css" rel="stylesheet" type="text/css"/>

styles.cssはページ固有のシートです。master.cssは各プロジェクトでブラウザのデフォルトを上書きするために使用するシートです。これらのスタイルシートのどれが優先されますか? 例: 最初のシートには特定の

body { margin:10px; }

そして関連する境界線ですが、2番目には私のリセットが含まれています

html, body:not(input="button") {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

本質的に、CSS のカスケード要素は、スタイルシート参照に関して、一般的な CSS 関数と同じように機能しますか? つまり、最後の行が表示されるということですか?

ベストアンサー1

CSS ルールのカスケーディングのルールは複雑です。下手に言い換えるのではなく、単に仕様を参照するだけにします。

http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#cascade

つまり、より具体的なルールは、より一般的なルールよりも優先されます。具体性は、関係する ID、クラス、要素名の数、および宣言が!important使用されたかどうかに基づいて定義されます。同じ「具体性レベル」のルールが複数存在する場合、最後に表示されるルールが優先されます。

おすすめ記事