ลำดับความสำคัญของซีเลกเตอร์ CSS

สมมติว่าเรามีโค้ดต่อไปนี้:

cssp {
  color: red;
}
p {
  color: green;
}

ดังที่คุณเห็น ขั้นแรกกำหนดสีแดงให้กับย่อหน้า และหลังจากนั้นด้านล่าง - สีเขียว ในกรณีนี้ การประกาศที่สองจะแทนที่การประกาศแรกและย่อหน้า จะกลายเป็นสีเขียว

html<h2>text</h2>

cssh2 {
  font-size: 20px;
}
h2 {
  font-size: 30px;
}