꾸준한 개발자

계속적인 성장을 추구하는 개발자입니다. 꾸준함을 추구합니다.

계속 쓰는 개발 노트

CSS

CSS 우선순위

gold_dragon 2020. 7. 14. 17:26

* inline > embeded > external > 브라우저 기본값 순으로 우선순위를 갖습니다.

css 선언 방식이 위에서 왼쪽에 위치할수록 사용자에게 보여지게 됩니다.

* 선언 방식이 같을 경우 가장 마지막으로 적용한 것이 사용자에게 보여집니다.

* 특정도(specify) 값을 계산해서, 가장 많은 점수를 받은 것에 우선 순위를 부여합니다.

특정도 계산식

   1. 인라인 스타일: 1000점

   2. ID 선택자: 100점

   3. 클래스 선택자: 10점

   4. 태그 선택자: 1점

* !important 선언

!important는 모든 순서를 무시하고, !important가 선언된 속성이 사용자에게 보여집니다.

적용 방법은 다음과 같습니다.

selector { property: value !important; } 

'CSS' 카테고리의 다른 글

박스 가운데 정렬에 다양한 방법이 있는 이유  (0) 2020.07.15
CSS 파일을 link 대신 import 하는 이유  (0) 2020.07.14
CSS 선언 방법  (0) 2020.07.14
CSS 네이밍 케이스  (0) 2020.07.14
CSS3 Design  (0) 2020.07.14