CSS-ის სელექტორების პრიორიტეტი

დავუშვათ, გვაქვს შემდეგი კოდი:

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

როგორც ხედავთ, თავდაპირველად აბზაცებს ენიჭებათ წითელი ფერი, ხოლო შემდეგ - მწვანე. ამ შემთხვევაში მეორე ჩანაწერი გადაფარავს პირველს და აბზაცები გახდება მწვანე ფერის.

html<h2>text</h2>

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