selenium学习----CSS selector

 CSS Selector选择web页面的元素

CSS是用来对web页面进行渲染的，因此必然涉及到web页面上某一元素的选择，比如页面某些内容显示效果，可以讲 CSS Selector 语法 天生就是浏览器用来选择元素的，selenium自然就可以使用它用在自动化中，去选择要操作的元素了。

最简单的方法是在浏览器中按F12， 选择想选择的内容，右键复制CSS_SELECTOR

 

选择单个元素的方法：

find_element(By.CSS_SELECTOR, CSS Selector参数)

选择多个元素的方法：返回一个列表

find_elements(By.CSS_SELECTOR, CSS Selector参数)

选择方法和之前通过ID，CLASS_NAME，TAG_NAME 是一样的

CSS_SELECTOR方法选择class：在1处那加个‘.’

#CSS_SELECTOR 选择class属性：在前面加上一个‘.’
element = wd.find_element(By.CSS_SELECTOR, '.nav-search-input' ) #----1
element.send_keys('考研\n')

elements = wd.find_elements(By.CSS_SELECTOR, '.channel-link')
for element in elements:
    print(element.get_attribute('href'))
wd.quit()

CSS_SELECTOR方法选择ID：在前面加个‘#’

from selenium import webdriver
from selenium.webdriver.common.by import By

#创建一个webdriver对象
wd = webdriver.Chrome()
wd.implicitly_wait(10)

wd.get('https://www.bing.com')

#使用CSS_SELECTOR根据ID选择元素：在前面加个‘#’
element = wd.find_element(By.CSS_SELECTOR, '#sb_form_q')
element.send_keys('matepad11\n')

CSS_SELECTOR方法选择TAG名：直接在‘’中输入tag标签名字

elements = wd.find_elements(By.CSS_SELECTOR, 'div')

<a href="http://www.miitbeian.gov.cn">苏ICP备88885574号</a>

 css 选择器支持通过任何属性来选择元素，语法是用一个方括号 [] 。

比如要选择上面的a元素，就可以使用 [href="http://www.miitbeian.gov.cn"] 。

这个表达式的意思是，选择 属性href值为 http://www.miitbeian.gov.cn 的元素。

要选择a节点，里面的href属性包含了 miitbeian 字符串，就可以这样写

a[href*="miitbeian"]

要选择a节点，里面的href属性以 http 开头 ，就可以这样写

a[href^="http"]

要选择a节点，里面的href属性以 gov.cn 结尾 ，就可以这样写

a[href$="gov.cn"]

CSS 选择器 可以指定 选择的元素要 同时具有多个属性的限制，像这样

 div[class=misc][ctype=gun]

CSS_SELECTOR可以使用次序筛选：父节点的第几个

span:nth-child(2)  span元素并且是在父节点的第二个位置

p:nth-last-child(1)  P元素并且是倒数第一个

里面可以是数字也可以是“odd”奇数；“even”偶数

***选择第一个span类型的元素: span:nth-of-type(1)       span:nth-last-of-type(1)

#CSS_SELECTOR选择: nth-child(n) 

from selenium import webdriver
from selenium.webdriver.common.by import By

#创建一个webdriver对象
wd = webdriver.Chrome()
wd.implicitly_wait(5)

#访问网站
wd.get('https://cdn2.byhy.net/files/selenium/sample1b.html')

spans = wd.find_elements(By.CSS_SELECTOR, 'span:nth-child(2)')
for span in spans:
    print(span.get_attribute('innerHTML'))
wd.quit()