selenium---Css定位方法

前言

　　我们继续研究定位方法，还是那一句话，定位方法不会，就没有办法进行代码点点点。上一篇介绍了XPath的方法，这一篇介绍一些Css，Css相比与XPath来说，更加复杂点，但是Css定位速度比XPath方法要快，书写更加简单。

Css

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS选择器可以较为灵活地选择控件的任意属性，一般情况下，CSS定位速度比XPath定位速度快。

Css学习文档：https://www.w3school.com.cn/cssref/css_selectors.asp

Css选择器常用语法

选择器	例子	例子描述
.class	.intro	选择 class="intro" 的所有元素。
#id	#firstname	选择 id="firstname" 的所有元素。
*	*	选择所有元素。
element	p	选择所有 <p> 元素。
element,element	div,p	选择所有 <div> 元素和所有 <p> 元素。
element element	div p	选择 <div> 元素内部的所有 <p> 元素。
element>element	div>p	选择父元素为 <div> 元素的所有 <p> 元素。
element+element	div+p	选择紧接在 <div> 元素之后的所有 <p> 元素。
[attribute]	[target]	选择带有 target 属性所有元素。
[attribute=value]	[target=_blank]	选择 target="_blank" 的所有元素。
[attribute~=value]	[title~=flower]	选择 title 属性包含单词 "flower" 的所有元素。
[attribute|=value]	[lang|=en]	选择 lang 属性值以 "en" 开头的所有元素。

 

 

 

 

 

 

 

 

Css实例定位

1、通过Class定位

Class定位通过.来进行表示

# coding:utf-8
from selenium import webdriver
driver = webdriver.Chrome()
driver.get('https://www.baidu.com/')
# 通过Css中的class定位
driver.find_element_by_css_selector('.s_ipt').send_keys('测试-安静博客园')

2、通过id定位

Id定位通过#来表示

# coding:utf-8
from selenium import webdriver
driver = webdriver.Chrome()
driver.get('https://www.baidu.com/')
# 通过id定位，id通过#表示
driver.find_element_by_css_selector('#kw').send_keys('测试-安静博客园')

3、通过标签名

Css中可以直接通过标签名进行匹配

# coding:utf-8
from selenium import webdriver
driver = webdriver.Chrome()
driver.get('https://www.baidu.com/')
# 通过标签名定位
driver.find_element_by_css_selector('input')

4、通过属性来定位

# coding:utf-8
from selenium import webdriver
driver = webdriver.Chrome()
driver.get('https://www.baidu.com/')
# 通过属性定位
driver.find_element_by_css_selector('[autocomplete="off"]').send_keys('测试-安静博客园')
# 通过name属性定位
# driver.find_element_by_css_selector('[name="wd"]').send_keys('测试-安静博客园')

5、通过组合形式进行定位

通过父级或者爷爷级别进行定位

# coding:utf-8
from selenium import webdriver
driver = webdriver.Chrome()
driver.get('https://www.baidu.com/')
# 通过父级组合形式
driver.find_element_by_css_selector('span > input#kw').send_keys('测试-安静博客园')
# 通过元素形式
# driver.find_element_by_css_selector('input#kw').send)keys('测试-安静博客园')

6、通过包含元素内容定位

这里比如class中以s_ipt开头的

# coding:utf-8
from selenium import webdriver
driver = webdriver.Chrome()
driver.get('https://www.baidu.com/')
# 查看已元素内容开头
driver.find_element_by_css_selector("[class^='s_ipt']").send_keys('测试-安静博客园')

7、 通过以元素结尾内容定位

# coding:utf-8
from selenium import webdriver
driver = webdriver.Chrome()
driver.get('https://www.baidu.com/')
# 查看kw元素结尾定位
driver.find_element_by_css_selector("[id$='kw']").send_keys('测试-安静博客园')

更多的定位方法可以查看官方文档或者在网上查看一些教程，安静只是列出了一些安静常用到的定位方法。

 

 

还是老话，定位方法比较多，个人进行对比，那种适合自己就选择那种，定位方法学不会，自动化就没有办法进行开展。

---

如果感觉安静写的对您有帮助，可以点个关注，持续更新，也可以关注安静个人公众号，一起学习交流