개인공부/CSS

[CSS]우선순위

octopengj 2021. 4. 9. 18:43

1. !important

 모든 선언을 무시하고 가장 우선

 점수: 무한대

 

2. 인라인 선언방식

 점수: 1000점

 

3. 아이디 선택자

 점수: 100점

 

4. 클래스 선택자

 점수: 10점

 * :hover처럼 가상클래스는 10점 // ::before 처럼 가상 요소는 태그 선택자의 점수 1점

 

5. 태그 선택자

 점수: 1점

 

6. 전체 선택자

 점수: 0점

 

7. 상속

 점수: 계산하지 않음

 

전체 < 태그 < 클래스 < 아이디 

 

 

 

 

 

#패스트캠퍼스 

'개인공부 > CSS' 카테고리의 다른 글

[CSS]속성-박스 모델  (0) 2021.04.09
[CSS]단위  (0) 2021.04.09
[CSS]상속  (0) 2021.04.09
[CSS]속성 선택자  (0) 2021.04.09
[CSS]가상 요소 선택자  (0) 2021.04.09