웹공부/CSS

스타일 상속과 선택자 우선순위 정리

syom 2022. 2. 4. 12:11
  • 부모 요소의 스타일이 자식요소에도 적용이 된다
  • 모두 적용되는 것은 아니고 대부분 글자/문자 관련 속성들이 적용된다
  • (font-style, font-weight, ...)

강제 상속

  • 부모요소가 있고, 자식요소가 있을때 수정이 필요한 경우 자식요소의 값을 고치지 못하는 경우가 생길 수 있다.
  • 상속이 자동으로 안되는 부분들을 강제로 상속시킬 수 있
  • 이때 속성값을 inherit 으로 지정하면 부모 요소의 값을 따라간다.

선택자 우선순위

  • 점수가 높은 선언이 유리함 (명시도, 중요도)
  • 점수가 같으면 가장 마지막에 해석된 선언이 우선됨
  • not 은 점수계산 하지 않음

ID 선택자 : 100점
Class 선택자 : 10점
태그 선택자 : 1점
전체 선택자 : 0점
인라인 선언 : 1000점
!important : 99999999점(무한대)