CSS 적용 우선 순위

구체적인 선택자가 우선 적용

section p {
  color: yellow;
}

p {
  color: red;
}

section p 선택자가 우선 적용 됨. 이후 p 선택자가 적용 됨. 

ID > CLASS > ELEMENT 순으로 구체적인 선택으로 간주 됨.

 

구체적인 선택 레벨이 같을 때는 나중에 나오는 것이 적용 됨

h2 {
  color: red;
}

h2 {
  color: yellow;
}

color: yellow 가 적용 됨.