상속 & 우선순위

상속되는 속성들

• font
  • font-size
  • font-weight
  • font-size
  • line-height
  • font-family
• color
• text-align
• text-indent
• text-decoration
• letter-spacing
• opacity

강제 상속

• 상속되지 않는 속성값도 inherit 이라는 값을 사용하여 부모에서 자식으로 강제 상속 시킬 수 있다.
• 후손에는 적용되지 않는다.
• 모든 속성이 강제 상속을 사용 할 수 있는 것은 아니다.

우선순위 결정

같은 요소가 여러 선언의 대상이 될 경우 어떤 선언의 CSS속성이 우선 적용할지 결정하는 방법
1. 명시도 점수가 높은 선언 명시도
2. 점수가 같은 경우, 가장 늦게 작성한 선언 선언순서
3 명시도는 '상속'보다 우선 중요도
4. !important가 적용된 선언 방식이 다른 모든 방식보다 우선 중요도

1. 가장 중요 (!important)
   모든 선언을 무시하고 가장 우선

2. 인라인 선언 방식
   HTML style 속성을 사용
   점수 : 1000pt

3. 아이디 선택자
점수 : 100pt

4. 클래스 선택자
점수 : 10pt

5. 태그 선택자
점수 : 1pt

6. 전체 선택자
점수 : 0pt

7. 상속
점수 : 계산하지 않음

💡 부정 선택자 :not은 점수로 치지 않는다!
💡 :before은 요소 = 태그 선택자
💡 :hover는 클래스 선택자