[CSS] 선택자와 우선순위

class 선택자

• 요소의 특정 부분에만 스타일 적용
• 마침표(.) 다음에 클래스 이름 지정
• 문서 안에서 여러 번 반복해서 사용할 수 있음, 중복 가능

id 선택자

• 요소의 특정 부분에만 스타일 적용
• 파운드(#) 다음에 id 이름 지정
• 문서 안에서 한번만 사용할 수 있음, 중복 불가

스타일 충동을 막는(Cascading)의 원칙

1. 스타일 우선순위: 스타일 규칙의 중요도와 적용 범위에 따라 우선순위가 결정되고 그 우선순위에 따라 위에서 아래로 스타일 적용
2. 스타일 상속: 태그들의 포함 관계에 따라 부모 요소의 스타일을 자식 요소로, 위에서 아래로 전달

Style 우선순위(높은 순서부터 작성)

1. !important: 어떤 스타일보다 우선 적용되는 스타일
2. 인라인 스타일: 해당 태그에만 적용되는 스타일
3. id 스타일: 문서 안에서 단 한번만 사용하는 스타일
4. class 스타일: 문서 안에서 여러번 사용할 수 있는 스타일
5. HTML 태그 스타일: 문서 안의 같은 태그에 모도 적용
6. 부모 요소에 의해 상속된 속성