FE/CSS

[CSS]CSS의 상속과 우선순위 결정

Juliie 2020. 8. 14. 13:02
  • 상속을 하게 되면 상위에서 설정한 스타일이 하위에서도 반영된다
  • width, height, margin, padding, border와 같은 box-model과 같이 크기, 배치와 관련된 속성들은 하위 엘리먼트로 상속이 되지 않는다.
  • 우선순위는 inline > internal = external이지만, 일반적으로 CSS 위치는 css파일(external)에 두고 그 아래에 style 태그를 사용해서(internal) 표현하기 때문에 이런 경우엔 internal > external로 볼 수 있다. (뒤에 선언된 css의 내용이 최종적으로 반영)
  • cascading -> element보다 class, class보다 id가 우선적으로 css가 적용된다
  • 같은 선택자(selector)라면 나중에 선언한 것이 반영된다
  • 선택자의 표현이 구체적인 것이 있다면 먼저 적용된다 ex) body > span(O) / span(X)

'FE > CSS' 카테고리의 다른 글

[CSS] element가 배치되는 방법(레이아웃)  (0) 2020.08.14
[CSS]CSS의 상속과 우선순위 결정  (0) 2020.08.14