<div class="test1 test2 test3">
.test3 {
background-color: blue;
}
.test2 {
background-color: green;
}
.test1 {
background-color: red;
}
このhtml上で反映されるcssはcssファイルに書いた最後のコードが反映されます。
ここでいうと、test1のredが適用される。
html上のclassの順番を変えても変わらず、cssファイルの下にある情報が優先順位としては高いみたいですね。
ただし、この際、htmlにstyleを直書きすると、優先されるのはstyleに書いた情報です。なので、style > classで cssの順位はcssファイルの読み込まれる順番で決まる!!!
↧