ลำดับความสำคัญของซีเลกเตอร์ CSS
สมมติว่าเรามีโค้ดต่อไปนี้:
p {
color: red;
}
p {
color: green;
}
ดังที่คุณเห็น ขั้นแรกกำหนดสีแดงให้กับย่อหน้า และหลังจากนั้นด้านล่าง - สีเขียว ในกรณีนี้ การประกาศที่สองจะแทนที่การประกาศแรกและย่อหน้า จะกลายเป็นสีเขียว
บอกหน่อยว่าหลังจากดำเนินการโค้ดต่อไปนี้ หัวเรื่อง จะมีขนาดเท่าใด:
<h2>text</h2>
h2 {
font-size: 20px;
}
h2 {
font-size: 30px;
}