후손선택자★
후손선택자는 부모태그 안에 있는 모든 자식태그들을 말한다.
후손선택자의 표기는 공백으로 표기한다.
[기본형]
선택자A 선택자B
자손선택자★
자손선택자는 부모선택자의 바로 아래계층에 있는 자식태그들을 말한다.
표기는 '>'로 표기한다.
[기본형]
선택자A > 선택자B
동위 선택자(= 형제선택자)
동위 선택자(형제 선택자)는 형제관계에서 뒤에 위치한
동생태그들을 선택할때 사용하는 선택자이다.
[기본형]
1. 선택자A + 선택자B
: 선택자A 바로 아랫줄에 있는 선택자B를 선택함.
만약 바로 아랫줄에 선택자B가 없으면 적용되지 않는다.
2. 선택자A ~ 선택자B
: 선택자A 뒤에 있는 선택자B를 선택함.
만약 동일한 태그가 여러개 있으면 다중 선택한다.
속성 선택자
속성 선택자를 사용하면 특정 속성을 가진 html태그를 선택할 수 있다.
선택자 뒤에 []를 붙여 표현한다.
[기본형]
1. 선택자[속성]
: 선택한 태그 중 해당 속성을 가진 태그만 선택한다.
2. 선택자[속성 = 값]
: 선택한 태그 중 해당 속성과 값이 일치하는 태그를 선택한다.