1. 선언된 곳, 코드 위치
- 브라우저가 읽을 때 나중에 읽는 스타일이 우선순위가 높다
- 윗줄의 코드보다 아랫줄의 코드의 우선순위가 높다.
2. 명시도
- 적용범위가 적을수록 우선순위가 높다
Ex) class보다 id의 명시도가 높기때문에 id selector 가 class selector보다 우선순위가 높다
inherited < * < Type( tag ) < class < id < inline < !important
- !important
div{
color: purple !important;
}
> 가장 최우선으로 적용한다.
> 반드시 써야하는 상황이 아니면 사용하지 않는것이 좋다.
'웹 프론트 엔드' 카테고리의 다른 글
CSS FONT - 글자 간격( letter-spacing , word-spacing ) (0) | 2024.03.12 |
---|---|
CSS Font (0) | 2024.03.12 |
CSS 상속 제어 (0) | 2024.03.12 |
CSS 선택자 - 전체 선택자( * ) (0) | 2024.03.12 |
CSS 선택자 - 선택자 결합 (0) | 2024.03.12 |