ウェブローダーがあなたのCSSをhtmlページに読み込む方法

Question

私のウェブサイト（htmlページ）がglobal.cssファイルを読み込んでも上から下へ、または他の方法でCSSを読むのですか？

例：（これは私のいるglobal.cssファイルだった場合）

CSS：

.test { 
    font-size: 14px; 
} 

.test { 
    font-size: 20px; 
} 

これはCSSファイルに含まれていた場合には、第1ボトムスタイリングやトップ1を読んでいましたか？

Answer 1

htmlの要素に適合するセレクタの最後のスタイルが適用されます。それは、<div class="test">のフォントサイズが20pxになることを意味します。 しかし、あなたは次のスタイル定義した場合：

div.test { 
    font-size: 14px; 
} 

.test { 
    font-size: 20px; 
} 

<div class="test">はfont-size: 14pxを適用します。これはセレクタの特異性によるものです。最初はより具体的です。あなたはcss specificity hierarchy