CSS 살펴보기(우선순위)

CSS 우선순위

 

1 . !important

2. 아이디 선택자 (#div)

3. class 선택자 (.div)

4. tag 선택자 (div)

 

div {
  color : red !important;
}

.div {
  color : blue
}

#div {
  color : black
}

!important 는 강제로 1순위로 입력 시키는 방법이다.

 

그 다음은 id 선택자, class 선택자, tag 선택자 순서입니다.

---

더 정확한 의미는 "선명도" 라고해서 예를 들어 id 선택자는 100점, class 선택자는 10점,

 

각 선택자 마다 점수가 있는데

 

점수 환산하여 가장 높은 점수가 우선이 되는 방식입니다.