[후손 선택자와 자손 선택자]
- 자손: div 태그를 기준으로 한 단계 아래에 위치한 태그.
- 후손: div 태그를 기준으로 아래에 위치한 모든 태그.
[후손 선택자]
- 후손 선택자는 특정한 태그 아레에 있는 후손을 선택할 때, 사용하는 선택자.
[후손 선택자 예제 소스]
- (실행 결과)
[후손 선택자 주의 사항]
- #header의 h1 태그와 #header 태그의 후손에 위치하는 h2 태그를 선택하고 싶다면, 위와 같이 사용해야만 한다.
[자손 선택자]
- 자손 선택자는 특정한 태그 아래에 있는 자손을 선택할 때 사용하는 선택자.
[자손 선택자 예제 소스]
- #nav 태그 아래에 있는 h1 태그에는 스타일이 적용되지 않습니다.
- (실행 결과)
[table 태그와 자손 선택자 주의 사항]
- table 태그의 요소를 선택할 때는 자손 선택자를 사용하는 것이 좋지 않습니다.
- 웹 브라우저는 table 태그에 자동으로 tbody 태그를 추가합니다.
- tbody 태그로 인해 스타일 속성이 적용되지 않습니다.
- table > tbody > tr >th 선택지로 색상 적용.
- (실행 결과)
포스팅 끝.
2013년 5월 1일, 수요일
