CSS 선택자 우선순위

선택자에도 우선순위가 있다!

 

만약 한 요소가 여러 선택자에 의해 선택되었고, 그래서 동일한 종류의 css 속성을 여러 개 적용받게 되었다면

선택자의 우선순위에 따라서 우선순위가 높은 선택자의 css 속성을 적용받는다

 

1. !important; 속성을 가진 css 효과

2. inline-style 직접 

3. id 선택자

4. class 선택자

5. 태그 선택자

 

같은 우선순위 안에서는 가장 아래쪽에 위치한 효과가 적용된다.

 

css 연습을 할 때 선택자의 우선순위를 신경쓰지 않아 css 효과가 원하는대로 적용되지 않는 경우가 있었다...

 

항상 우선순위에 주의해서 작성해야겠다.