自动化测试元素定位方式之CSS定位

自动化之selenium 专栏收录该内容
7 篇文章 0 订阅

什么是CSS?
1.CSS(Cascading Style Sheets)是一种语言,它用来描述HTML和XML的元素显示样式;
css语言书写两个格式:
• 写在HTML语言中<style type=“text/css”>…
• 写在单独文件中后缀 .css

2.而在CSS语言中有CSS选择器(不同的策略选择元素),在Selenium中也可以使用这种选择器;
提示:
• 在selenium中极力推荐CSS定位,因为它比XPath定位速度要快
• css选择器语法非常强大,在这里只介绍在测试中常用的几个

CSS定位常用方式:
1.id选择器
2.class选择器
3.元素选择器
4.属性选择器
5.层级选择器

CSS定位方法:driver.find_element_by_css_selector()

1.id选择器
说明:根据元素id属性来选择
格式:#id 如:#userA <选择id属性值为userA的所有元素>

2.class选择器
说明:根据元素class属性来选择
格式:.class 如:.telA <选择class属性值为telA的所有元素>

3.元素选择器
说明:根据元素的标签名选择
格式:element 如:input <选择所有input元素>

4.属性选择器
说明:根据元素的属性名和值来选择
格式:[attribute=value] 如:[type=“password”] <选择所有type属性值为password的值>

5.层级选择器
说明:根据元素的父子关系来选择
格式:element>element 如:p>input <返回所有p元素下所有的input元素>
提示:> 可以用空格代替 如:p input 或者 p [type=‘password’]

  • 1
    点赞
  • 0
    评论
  • 4
    收藏
  • 打赏
    打赏
  • 扫一扫,分享海报

©️2022 CSDN 皮肤主题:深蓝海洋 设计师:CSDN官方博客 返回首页

打赏作者

Rachelgo2019

你的鼓励将是我创作的最大动力。

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值