선택자

- 후손선택자
부모태그안에 있는 모든 자식태그로, 공백으로 표기한다.
'부모태그' '자식태그'

- 자손선택자
부모태그 바로 아래있는 자식태그로, >로 표기한다.
'부모태그' > '자식태그'

- 동위선택자 (=형제선택자)
형제관계에서 아래에 위치한 동생태그들을 선택할 때 사용한다.

  1. 선택자A + 선택자B
    : 선택자A 바로 아래있는 선택자B 선택
  2. 선택자A ~ 선택자B
    : 선택자A 아래에있는 선택자B를 선택
    동일한 태그가 여러개있으면 다중선택

  1. h1 + h2 : h1아래는 h3이라 아무것도 선택x
  2. h1 ~ h2 : 제목 1,2,3 선택

- 속성선택자
특정 속성을 가진 html태그를 선택할 때 사용하며, 선택자 뒤에 []를 붙여 사용한다.

  1. 선택자[속성]
    : 선택한 태그중 해당 속성을 가진 태그를 선택

  2. 선택자[속성=값]
    : 선택한 태그 중 해당 속성과 값이 일치하는 태그를 선택

ex.

0개의 댓글