웹 프론트 엔드
CSS 우선순위
tadigrada
2024. 3. 12. 16:15
1. 선언된 곳, 코드 위치
- 브라우저가 읽을 때 나중에 읽는 스타일이 우선순위가 높다
- 윗줄의 코드보다 아랫줄의 코드의 우선순위가 높다.
2. 명시도
- 적용범위가 적을수록 우선순위가 높다
Ex) class보다 id의 명시도가 높기때문에 id selector 가 class selector보다 우선순위가 높다
inherited < * < Type( tag ) < class < id < inline < !important
- !important
div{
color: purple !important;
}
> 가장 최우선으로 적용한다.
> 반드시 써야하는 상황이 아니면 사용하지 않는것이 좋다.