티스토리 뷰
적용 우선순위와 개별성
개별성 : 선택자 지정 방법에 따른 점수표
| 선택자 | 예 | 점수 |
| 전체 선택자 | * | 0 |
| 태그 선택자 | div, p, h1 | 1 |
| 클래스 선택자 | .box, .title | 10 |
| 가상 요소 선택자 | ::before, ::after | 1 |
| 가상 클래스 선택자 | :hover, :visited, :link | 10 |
| 아이디 선택자 | #title, #main | 100 |
| 인라인 스타일 | style="color:red;" | 1000 |
점수가 같을 때에는 나중에 작성된 CSS 코드가 적용됨
상속에 의해 부모 요소가 가지고 있는 CSS 속성을 자식이 물려받음
'Web > CSS' 카테고리의 다른 글
| CSS - 배경속성 (0) | 2024.02.17 |
|---|---|
| CSS - 박스 모델 (0) | 2024.02.17 |
| CSS - 선택자 다루기 (0) | 2024.02.16 |
| CSS - 그 외 텍스트 관련 CSS 속성들 (0) | 2024.02.15 |
| CSS - 폰트 크기 & 크기 단위 (0) | 2024.02.14 |