CSS 시작하기
CSS 는 패턴 일치 규칙에 따라 문서의 어떤 요소에 적용 할 스타일을 결정합니다. 이러한 패턴을 셀렉터 라고하며 태그 이름 (예 : p에서 단락 태그와 일치)부터 문서의 특정 부분과 매우 비슷한 매우 복잡한 패턴까지 다양합니다 (예 : p # myid> b.highlight는 id myid를 가지는 단락의 아이 인 하이라이트의 클래스).
CSS 셀렉터는 웹 페이지의 어떤 부분을 스타일링해야 하는지를 식별하는 CSS 스타일 호출의 일부입니다. 선택기에는 선택한 HTML의 스타일을 정의하는 속성을 하나 이상 포함합니다.
CSS 셀렉터
선택기에는 여러 가지 유형이 있습니다.
- 특정 요소와 일치하는 유형 선택기
- 클래스 선택자 - 특정 클래스와 일치하는 요소
- ID 선택기 - 특정 ID로 요소 일치
- 자손 선택자 - 특정 요소의 자손 인 요소 일치
- 자식 선택자 - 특정 요소의 하위 요소 인 일치하는 요소
- 범용 선택기 - 모든 요소 일치
- 인접한 형제 선택기 - 특정 요소가 바로 앞에 오는 요소
- 속성 선택자 - 특정 속성 또는 속성 값과 일치하는 요소
- 의사 클래스 선택자 - 특정 의사 클래스와 일치하는 요소
- 의사 요소 선택자 - 특정 의사 요소 속성을 가진 요소 일치
CSS 스타일 및 CSS 선택자 포맷
CSS 스타일의 형식은 다음과 같습니다.
selector {스타일 속성 : 스타일; }
쉼표로 같은 스타일을 가진 여러 선택기를 구분하십시오. 이를 선택자 그룹화라고합니다. 예 :
selector1 , selector2 {스타일 속성 : 스타일; }
그룹화 선택기는 CSS 스타일을 간결하게 유지하는 약식 메커니즘입니다.
위의 그룹화는 다음과 같은 효과를 나타냅니다.
selector1 {스타일 속성 : 스타일; }
selector2 {스타일 속성 : 스타일; }
CSS 셀렉터 항상 테스트
모든 브라우저가 모든 CSS 선택기를 지원하는 것은 아닙니다. 따라서 가능한 한 많은 운영 체제에서 많은 브라우저에서 선택기를 테스트하십시오. 그러나 CSS 1 또는 CSS2 선택자를 사용한다면 괜찮을 것입니다.