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