selenium+python find_element_by_css_selector方法使用

zsyzhou

• 
  1.通过类class获取
  

      比如如下代码





　　　　
　　　　This heading is very important.
　　　　
　　　　
　　　　This paragraph is very important.
　　　　
　　　　
　　　　This paragraph is a very important warning.
　　　　
　　在上面的代码中，两个元素的 class 都指定为 important：第一个标题（ h1 元素），第二个段落（p 元素）
1> 获取class值为important的h1标签  
　　find_element_by_css_selector(h1.importane)
2>获取所有class值为important的标签
　　find_element_by_css_selector(*.importane)或者find_element_by_css_selector(.importane)
3>获取class值为important warning的标签
　　find_element_by_css_selector(.importane.warning)
　　
　　

• 
  2.通过id获取：
  

首先，ID 选择器前面有一个 # 号 - 也称为棋盘号或井号


This is a paragraph of introduction.

　　find_element_by_css_selector(#"intro")

• 
  3.属性选择器：
  

　　1>.



W3School

　　属性中包含了title和href，
　　find_element_by_css_selector('a[title][href]')
　　2>



About W3School

　　定位属性中href="http://www.w3school.com.cn/about_us.asp"的元素，
　　find_element_by_css_selector('a[href="http://www.w3school.com.cn/about_us.asp"]')
　　3>



W3School

　　通过href和title来定位
　　find_element_by_css_selector("a[href='http://www.w3school.com.cn/about_us.asp'][title='W3School']")

4>部分属性定位


可以应用样式：



无法应用样式：



　　定位title中包含有figure的元素：
　　find_element_by_css_selector("image[title~='figure']")


5>其他
[abc^="def"]  选择 abc 属性值以 "def" 开头的所有元素
[abc$="def"]   选择 abc 属性值以 "def" 结尾的所有元素
[abc*="def"]  选择 abc 属性值中包含子串 "def" 的所有元素

• 
  4.后代选择器
  

This is a important heading
This is a important paragraph.

　　find_element_by_css_selector("h1 em")