Selenium系列（四）元素定位CSS

元素定位CSS

前言

Web页面的样式通常保存在外部的 .css 文件中。通过仅仅编辑一个简单的 CSS 文档，外部样式表使你有能力同时改变站点中所有页面的布局和外观。因此我们可以利用CSS的选择器来定位页面绑定了属性的元素，从而为我们的selenium所用

使用ID定位

css定位中使用#标识ID
driver.find_element_by_css_selector("#kw").send_keys("哈啰")

使用Class定位

css定位中.表示class属性
driver.find_element_by_css_selector(".s_ipt").send_keys("哈啰")

通过标签定位

driver.find_element_by_css_selector("input").send_keys("哈啰")

父子定位

">"标识父元素下的所有子元素
nth-child(n)选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。

# CSS_SELECTOR 中大于号">"表示子节点的
# 唯一节点.js_has_member
# 唯一节点下div的子节点.js_has_member>div:nth-child(1)
# 唯一节点下div的子节点下a标签的位置 .js_has_member>div:nth-child(1)>a:nth-child(2)