상속과 우선순위 결정

최준영·2021년 8월 27일
0
post-custom-banner

상속


  • 상위에서 적용한 스타일은 하위에도 반영된다. ex) 부모 태그에 color를 주면 자식 태그들에게도 적용됨.
  • box-model이라고 불리는 속성들(width, height, margin, padding, border)과 같이 크기와 배치 관련된 속성들은 하위엘리먼트로 상속이 되지 않는다.

우선순위 결정


  • 같은 선택자라면 나중에 선언한 것이 반영된다.
  • 선택자의 표현이 구체적인 것이 있다면 먼저 적용된다.
    • body > span(O)
    • span(X)
  • 우선순위
    • inline > internal = external(보통 external이 먼저 나옴)
    • id > class > 엘리먼트
profile
do for me

0개의 댓글