* 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 |