[CSS] CSS 상속

📌 CSS 상속 

✅ 스타일 상속 

자식 요소가 별도의 style 속성이 없을 경우, 부모의 속성 값을 그대로 상속하는 CSS 특성

(단, 상속이 되는 속성과 상속이 안되는 속성으로 구분)

 

✅  상속되는 CSS 속성들

모두 글자/문자 관련 속성들(주의: 모든 글자/문자 속성은 아님)

font-style: 글자 기울기

font-weight: 글자 두께

font-size: 글자 크기

link-height: 줄 높이

font-family: 폰트(서체)

color: 글자 색상

text-align: 정렬

..

 

✅ inherit

강제 상속 : 자동 상속 되지 않는 속성 값을 강제로 부모의 CSS 속성값을 그대로 상속하게 하는 방법

 

✅ 선택자 우선 순위 

참조 방식 우선 순위와는 다른 개념임 

같은 HTML 요소가 여러 선택자에 의해서 선택 되었을 경우 어떤 선택자의 CSS 속성을 우선 적용할지 결정하는 방법

1순위: 점수가 높은 선택자 우선

2순위: 점수가 같으면, 가장 마지막에 읽힌 선택자가 우선

 

선택자, 우선 순위 점수

 

: 가상 '클래스'

:: 가상 '요소'

 

:not(.box) - 결론적으로 box가 아닌 것을 선택하는 거니까 10점(not만 계산)