강의 목표
- css에서의 상속을 이해하고 적용합니다.
- 우선순위에 대해 이해
상속
- css에는 상속이라는 개념이 있음
- 모든 프로퍼티가 상속되는 것은 아니다
- ⇒ w3c에서 제공하는 Full property table에서 찾아볼 수 있음
- inherit
- 상속되지 않는 프로퍼티를 상속 받고 싶을 때 사용
선언순서
- 적용 우선순위에는 3가지 규칙
- 중요도
- 어디에 선언되었는지에 따라 달라짐
- 우선순위
- <head>태그 내의 <style> 태그
- <head>태그 내의 <style> 태그 내의 @import문
- <link> 태그로 연결된 Css
- <link> 태그로 연결된 CSS 내의 @import문
- 브라우저 디폴트 스타일 시트
- 명시도
- 우선순위
- !important
- 인라인 스타일
- 아이디 선택자
- 클래스, 속성, 가상 클래스 선택자
- 태그 선택자
- 전체 선택자
- 상속
- 선언순서