CSS selector 선택자 우선순위

css에서 가장 기본이 되고 중요한 selector(선택자)

선택자의 우선순위를 알아보자

 

기본적으로 css속성은 위에서부터 아래로 적용

(=밑에 있는게 우선순위가 더 높다)

같은 태그에 여러개의 css속성이

설정된 경우에는 우선순위에 따라 스타일이 적용

 

!important > 인라인스타일 > 아이디선택자 > 클래스선택자 > 태그선택자

- 위에서 아래로 내려가며 중복된 속성이 있는 경우

!important > 인라인스타일 > 아이디선택자 > 클래스선택자 > 태그선택자

의 우선순위를 가지고 적용된다.

(중복값 없으면 당연히 그대로 유지됨)

!important / 인라인스타일 별로 사용할일 없긴함