[8주차] 6. 선택자들의 우선순위***

선택자 간의 우선순위

상속을 받으면 여러개의 영향을 동시에 받을 때가 있는데, 선택자들 간에는 우선순위가 존재하여

우선순위가 가장 높은 하나만 실제 적용된다. 이들 간의 우선순위는 다음과 같다.

 

!important > 인라인 스타일 방식(style="") > id 선택자 > 클래스=속성=가상 선택자 > 태그 선택자 > 전체 선택자

 

대체로 지정 범위가 넓은 것의 우선순위가 낮은 것을 알 수 있다.

단, 조상의 것을 상속받은 상태에서 선택자로 다시한 번 지정해주면 이게 덮어쓰기가 되나봄(아래에서 p 태그가 그 예시)

 

!important 를 사용하면 아무리 우선순위가 낮은 인라인 스타일 방식이더라도 최우선순위로 지정 된다.

실제 예시