CSS selektory

Web Scraping v Pythonu

Thomas Laetsch

Data Scientist, NYU

Rosetta CSStone

  • / se nahradí > (kromě prvního znaku)
    • XPath: /html/body/div
    • CSS selektor: html > body > div
  • // se nahradí mezerou (kromě prvního znaku)
    • XPath: //div/span//p
    • CSS selektor: div > span p
  • [N] se nahradí :nth-of-type(N)
    • XPath: //div/p[2]
    • CSS selektor: div > p:nth-of-type(2)
Web Scraping v Pythonu

Rosetta CSStone

XPATH

xpath = '/html/body//div/p[2]'

CSS

css = 'html > body div > p:nth-of-type(2)'
Web Scraping v Pythonu

Atributy v CSS

  • Pro výběr elementu podle třídy použijte tečku .
    • Příklad: p.class-1 vybere všechny odstavce patřící do class-1
  • Pro výběr elementu podle id použijte znak #
    • Příklad: div#uid vybere element div s id rovným uid
Web Scraping v Pythonu

Atributy v CSS

Výběr odstavců ve třídě class1:

css_locator = 'div#uid > p.class1'

Výběr všech elementů, jejichž atribut třídy patří do class1:

css_locator = '.class1'
Web Scraping v Pythonu

Stav třídy

css = '.class1'

ClassSelection-Xpath-classonly.png

Web Scraping v Pythonu

Stav třídy

xpath = '//*[@class="class1"]'

ClassSelection-Xpath-eq.png

Web Scraping v Pythonu

Stav třídy

xpath = '//*[contains(@class,"class1")]'

ClassSelection-Xpath-contains.png

Web Scraping v Pythonu

Selektory s CSS

from scrapy import Selector 

html = '''
<html>
  <body>
    <div class="hello datacamp">
      <p>Hello World!</p>
    </div>
    <p>Enjoy DataCamp!</p>
  </body>
</html>
''' 
sel = Selector( text = html )
>>> sel.css("div > p")
out: [<Selector xpath='...' data='<p>Hello World!</p>'>] 

>>> sel.css("div > p").extract()
out: [ '<p>Hello World!</p>' ]
Web Scraping v Pythonu

C(SS) Nashledanou!

Web Scraping v Pythonu

Preparing Video For Download...