Selenium成长之路-12简单对象定位之CSS方法

简介: Selenium成长之路-12简单对象定位之CSS方法

CSS(Cascading Style Sheets)是一种语言,它被用来描述HTML和XML文档的表现。CSS 使用选 择器来为页面元素绑定属性。这些选择器可以被 selenium 用作另外的定位策略。


CSS的定位速度比XPATH要快,当然,语法的话,也是比XPATH复杂一点,其实CSS和XPATH只要精通一个,就可以了。当然,如果两个方法都掌握,那也是很美丽的事情


CSS的详细介绍,可以参照w3c教程,  http://www.w3school.com.cn/cssref/css_selectors.asp


我们还是定位百度首页的"百度一下"按钮

# coding = utf-8
from selenium import  webdriver
import time
from selenium.webdriver.common.by import By
driver = webdriver.Chrome()
url = 'http://www.baidu.com'
driver.get(url)
# 增加一个判断
try:
    driver.find_element(By.CSS_SELECTOR,"#su")
    print("test pass")
except Exception as e:
    print("test failed",format(e))
time.sleep(5)
driver.quit(


我个人比较喜欢使用XPATH元素定位方法,但是作为测试人员,不管使用XPATH还是CSS,只要能正常运行脚本,就是可行的。


到这里,元素的8种定位方法已经学习完了,接下来,我们就需要熟悉鼠标事件,键盘事件等。


在这里,还是多唠叨一句,如果是初学者,就要多多练习,不管是使用百度首页还是其他网页,一定要亲手敲一遍代码,这样不仅有利于熟悉代码,还有利于发现问题,这一步是初学者的必走之路,千万不要以为有捷径!

目录
相关文章
|
8天前
|
前端开发
|
12天前
|
前端开发 JavaScript
jQuery css() 方法
jQuery css() 方法
9 1
|
23天前
|
前端开发 容器
最新CSS3定位元素
【8月更文挑战第28天】
16 5
|
7天前
|
XML 前端开发 JavaScript
jQuery HTML / CSS 方法
jQuery HTML / CSS 方法
12 0
|
28天前
|
前端开发 容器
css溢出隐藏的五种方法
css溢出隐藏的五种方法
19 1
|
1月前
|
前端开发
HTML+CSS基础知识(5)相对定位、绝对定位、固定定位
这篇文章介绍了HTML和CSS中的三种定位方式:相对定位、绝对定位和固定定位,并通过代码示例展示了它们如何影响元素在页面上的布局和位置。
HTML+CSS基础知识(5)相对定位、绝对定位、固定定位
|
1月前
|
前端开发 容器
css中使用定位实现吸顶效果
css中使用定位实现吸顶效果
31 2
|
28天前
|
前端开发 容器
解锁CSS定位奥秘,从迷茫到精通,让你的网页布局“稳如老狗”,引领前端新潮流!
【8月更文挑战第23天】本文深入探讨了Web前端开发中CSS定位的三大基石:相对定位、绝对定位与固定定位。通过具体示例,展示了各种定位方式的特点及应用场景。相对定位可在不影响布局的情况下微调元素位置;绝对定位使元素完全脱离文档流,适用于精确控制位置的需求;固定定位则确保元素始终固定于浏览器窗口特定位置,不受页面滚动影响。这些技巧对于实现复杂网页布局至关重要。
35 0
|
1月前
|
前端开发 UED 开发者
神秘的 CSS 属性 “position: sticky” 究竟有何魔力?带你彻底理解粘性定位的奇妙世界!
【8月更文挑战第20天】在前端开发中,CSS的粘性定位(`position: sticky`)是一种结合了相对与固定定位优点的强大工具。它使元素能在特定条件下相对定位,达到指定阈值时转为固定定位,非常适合制作“吸顶”导航栏等。例如,设置`position: sticky; top: 0;`能让导航栏滚动至顶部时固定显示。此特性不仅限于导航栏,还可应用于侧边栏等,增强布局灵活性与用户体验。尽管如此,仍需注意不同浏览器间的兼容性和可能的布局冲突。
40 0
|
1月前
|
前端开发 容器
css溢出隐藏的五种方法
css溢出隐藏的五种方法