Skip to content

Latest commit

 

History

History
43 lines (33 loc) · 1.95 KB

css_select.md

File metadata and controls

43 lines (33 loc) · 1.95 KB

CSS 선택자 문법

선택자 기본 서식

서식 설명
* 모든 요소를 선택
요소이름 요소 이름을 기반으로 선택
.클래스 이름 클래스 이름을 기반으로 선택
#id 이름 id 속성을 기반으로 선택

선택자들의 관계를 지정하는 서식

서식 설명
<선택자>, <선택자> 쉼표로 구분된 여러 개의 선택자를 모두 선택
<선택자> <선택자> 앞 선택자의 후손 중 뒤 선택자에 해당하는 것을 모두 선택
<선택자> > <선택자> 앞 선택자의 자손 중 뒤 선택자에 해당하는 것을 모두 선택
<선택자> + <선택자> 같은 계층에서 바로 뒤에 있는 요소 선택
<선택자1> ∼ <선택자2> 선택자1부터 선택자2까지의 요소를 모두 선택

선택자 속성을 기반으로 지정하는 서식

서식 설명
<요소>[<속성>] 해당 속성을 가진 요소를 선택
<요소>[<속성>=<값>] 해당 속성의 값이 지정한 값과 같은 요소를 선택
<요소>[<속성>~=<값>] 해당 속성의 값이 지정한 값을 단어로 포함(띄어쓰기로 구분해서 완전히 포함)하고 있다면 선택
<요소>[<속성>|=<값>] 해당 속성의 값으로 시작하면 선택(이때 하이픈 기호(-)구분해서 확인)
<요소>[<속성>∧=<값>] 해당 속성의 값이 지정한 값으로 시작하면 선택
<요소>[<속성>$=<값>] 해당 속성의 값이 지정한 값으로 끝나면 선택
<요소>[<속성>*=<값>] 해당 속성의 값이 지정한 값을 포함하고 있다면 선택

위치 또는 상태를 지정하는 서식

서식 설명
<요소>:root 루트요소
<요소>:nth-child(n) n번째 자식 요소

BeautifulSoup(4.5.1) 이상부터 지원하는 위치 또는 상태 지정 서식은 nth-of-type(n)이 유일. (n번째 해당 종료의 요소)

  • 참고문헌 : 파이썬을 이용한 머신러닝, 딥러닝 실전 개발 입문