[CSS] CSS 적용 우선순위

css는 중복 설정이 가능한데 중복 설정했을 경우 우선순위가 높은 것이 적용됨

=> 우선순위 높은 게 덮어 씌워짐

 

1. 속성값 뒤에 !important를 붙인 속성

2. inline style attribute: HTML에서 style을 직접 지정한 속성

3. #id로 지정한 속성

4. .class, 다른 attribute, :추상클래스(:first-child)로 지정한 속성

5. tag element, 수도엘레먼트(::before)로 지정한 속성

6. 상위 객체에 의해 상속된 속성

 

우선순위가 같다면 개수가 많은 css가 우선순위가 높음