[css]style 적용 우선순위

오늘은 css를 작성했을 때, 스타일이 적용되는 우선순위에 대해 정리해볼게요.

작업할 때 이런 규칙에 대해 알고 있어야 css내에서 충돌이 나지않습니다.

 

작업을 하다 보면 하나의 태그에 여러 가지 스타일을 주는 경우가 있는데, 이때 특정한 규칙에 따라 우선순위가 부여되는 것입니다.

순서 대로 나열해 보자면,

 

⭐️우선순위⭐️

1. 속성 값 뒤에! important를 붙인 속성
2. html 내에 style을 직접 지정한 속성
3. #id로 지정한 속성
4. .클래스, :추상클래스로 지정한 속성 (추상 클래스> 클래스)
5. 태그 이름으로 지정한 속성
6. 상위 객체에 의해 상속된 속성

이 순서입니다.

만약 모든 순서가 다 같다면 제일 나중에 선언된 스타일이 적용됩니다.