본문 바로가기
CSS

[CSS] CSS 스타일 상속과 선택자 우선 순위

by mikrw 2023. 1. 18.

스타일 상속 : 부모의 글자/문자 관련 속성들이 자식에게 상속된다.

강제 상속 : inherit

 

선택자 우선 순위

우선순위란, 같은 요소가 여러 선언의 대상이 된 경우, 어떤 선언의 CSS 속성을 우선 적용할지 결정하는 방법

1, 점수가 높은 선언이 우선함!

2, 점수가 같으면, 가장 마지막에 해석된 선언이 우선함!

 

전체 선택자 - 0점

태그 선택자 - 1점

Class 선택자 - 10점

ID 선택자 - 100점

인라인 선언 - 1000점

!important - 무한대