CSS cascade

CSS 충돌은 출처, 구체성, 선언 순서로 해결한다

여러 규칙이 같은 속성을 바꾸면 inline, id, class, tag, 나중 선언 순서로 최종값을 고른다.

01 출처브라우저·사용자·작성자·inline 확인
02 중요도!important 여부 확인
03 구체성id > class > tag 순서 비교
04 선언 순서동점이면 나중 선언 승리
구분의미판단
inlinestyle 속성일반 선택자보다 강함
id#headerclass와 tag보다 강함
class.red 또는 :hovertag보다 강함
tagp, h1구체성이 낮아 쉽게 덮임

핵심 코드칩을 좁게 욱여넣기보다 cascade가 실제로 비교하는 네 단계를 순서대로 보여준다.