YOLO Life

데이터 수집을 하기 위한 방법 중 CSS 선택자를 활용하여 원하는 데이터를 가져올 수가 있는데요.

오늘은 CSS 선택자에 대해 알아보도록 하겠습니다.

1. 선택자 기본 서식

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

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

4. 예제로 살펴보기

다음과 같은 HTML 구성이 있을 때,

html = '''

<ul id='fruits'>

    <li id='apple'>Apple</li>

    <li id='banana'>Banana</li>

    <li id='orange'>Orange</li>

    <li id='mango'>Mango</li>

    <li id='melon'>Melon</li>

</ul>

'''

mango를 추출하기 위해 사용할 수 있는 선택자를 살펴보겠습니다.

from bs4 import BeautifulSoup

soup = BeautifulSoup(html, 'html.parser')

fruit = lambda q: print(soup.select_one(q).string)

fruit("#mango")

fruit("li#mango")

fruit("ul > li#mango")

fruit("#fruits #mango")

fruit("#fruits > #mango")

fruit("#ul#fruits > li#mango")

fruit("li[id='mango']")

혹은

(주의) 0부터 시작할 경우 3은 4번째 요소가 된다

print(soup.select("li")[3].string)

print(soup.find_all("li")[3].string)

결과는

mango

mango

mango

mango

mango

mango

mango

mango

mango

가 될것입니다.