[Crawling Tip] 1. css_selector을 사용한 element 추출시 팁

크롤링에 관하여 많이 다루지 않거나,

아예 처음 하거나, html,

css, javascript에 관한 사전 지식이 부족한 경우

 

크롤링이 어렵다고 느끼게 된다

 

특히, xPath를 사용하는 것이 아닌 css_selector을 사용하고자 하면 더욱더 어렵게 느껴진다.

 

그래서 이번 글에서는 크롤링을 위해 알아야 할 html 구조를 가볍게 알아보자~!

 

---

* 크롤링을 위해 알아야할 html 문법

 

* class

css_selector에서 class는 .으로 표시한다. 코드는 다음과 같다.

driver.find_elements_by_css_selector(".search_area")

만약, 지정한 class의 하위 class를 선택하고 싶다면?

driver.find_elements_by_css_selector(".search_area .blind")

위의 코드처럼 한 칸 띄워쓰기를 하면 하위의 클래스를 지정한다.

 

* id

css_selector에서 id는 #으로 표시한다. 코드는 다음과 같다.

driver.find_elements_by_css_selector("#search")

 

* name

css_selector에서 name은 "name"으로 지정한다. 코드는 다음과 같다.

driver.find_elements_by_css_selector("sform")