개발자도전
8. CSS - 선택자 우선 순위 본문
728x90
선택자 우선 순위
- 기본적으로 style태그 또는 css 파일에 작성된 순서(위->아래)대로 해석이 진행되지만 같은 요소에 여러 css 속성이 서정되는 경우 우선 순위가 적용된다.
- 여러 선택자를 이용해서 같은 요소에 css를 적용하더라도 지정되는 스타일이 다른 경우 모두 반영 된다.
- 우선순위
- 1순위 : !import;가 붙은 css속성
- 2순위 : inline-style 속성 (태그에 직접 작성하는 style 속성)
- 3순위 : 아이디 선택자
- 4순위 : 클래스 선택자
- 5순위 : 태그 선택자
728x90
'CSS3' 카테고리의 다른 글
| 10. CSS - 레이아웃 - 화면 분할 (0) | 2022.10.10 |
|---|---|
| 9. CSS - 레이아웃 - display (0) | 2022.10.10 |
| 7. CSS - 기타 선택자, 선택자 추가 작성법 (0) | 2022.10.09 |
| 6. CSS - 일반 구조 선택자, 형태 구조 선택자 (0) | 2022.10.04 |
| 5. CSS - 문자열 속성 선택자 (0) | 2022.10.04 |
'CSS3' Related Articles
more
Comments