CSSセレクタの優先順位
以下のコードがあるとします:
p {
color: red;
}
p {
color: green;
}
ご覧の通り、最初に段落に赤色が設定され、 その下で緑色が設定されています。この場合、 後者の記述が前者を上書きし、段落は 緑色になります。
次のコードを実行した後、見出しのサイズは どうなるか説明してください:
<h2>text</h2>
h2 {
font-size: 20px;
}
h2 {
font-size: 30px;
}
以下のコードがあるとします:
p {
color: red;
}
p {
color: green;
}
ご覧の通り、最初に段落に赤色が設定され、 その下で緑色が設定されています。この場合、 後者の記述が前者を上書きし、段落は 緑色になります。
次のコードを実行した後、見出しのサイズは どうなるか説明してください:
<h2>text</h2>
h2 {
font-size: 20px;
}
h2 {
font-size: 30px;
}