css 선택자 우선순위 (선택자 게임 , 선택자 test)

같은 요소가 여러 선언의 대상이 된 경우 우선 순위를 결정하는 방법

 

1. 점수가 높은 선언이 우선

2. 점수가 같다면, 마지막에 해석된 선언이 우선

 

점수는??

*상속은 점수를 계산하지 않음

 

!important > 인라인 선언 > id > class, 가상class ( :hover 등) > tag, 요소선택자 ( ::before)

:not (부정선택자) 은 점수 계산을 하지 않음

인라인 선언, !important 사용시 (점수가 너무 높아져서)
CSS에서 수정이 불가하므로 지양

 

 

예전에 했던건데
선택자 연습게임이 있다
은근 어려울 때도 있어서 그런 부분은  유툽 검색해서
해설달린거 보고 참고하면되고
재미뜸.. 'ㅅ' /

https://flukeout.github.io/