[CSS] 선택자 종류에 따른 우선순위

선택자 종류에 따른 우선순위

1. id 에 걸려 있는 스타일
2. class 등 기타 속성에 걸려있는 스타일
3. 태그 이름에 걸려있는 스타일

• 위 순서대로 우선순위를 가집니다.

• id 에 걸려있는 스타일이 하나라도 있으면 class, 태그 이름에 아무리 많은 스타일이 걸려있어도 id 에 걸려있는 스타일이 적용됩니다.

예시

<div class="box">
  <p id="titleBox" class="red">
   점프
  </p>
</div>

#titleBox {
  color: blue;
}

.red {
  color: red;
}

p {
  color: yellow;
}