본문 바로가기

웹 프론트 엔드

CSS 우선순위

 

   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