Selenium彩蛋篇-Css Selector使用方法

转:http://www.imdsx.cn/index.php/2017/07/27/css1/

什么是Css Selector?

Css Selector定位实际就是HTML的Css选择器的标签定位

工具

Css Selector的练习建议大家安装火狐浏览器后,下载插件,FireFinder 或 FireBug和FirePath组合使用。

Css Selector使用方法

1、Css Selector支持ID、Class的定位 与HTML中CSS定位相同

# 号表id 定位有id的标签方式更加简洁

#i1

. 代表Class 定位有id的标签方式更加简洁

.c1

Class定位还提供了多个Class定位 通过连续 . 来缩小范围

.c1.c2.c3

2、Css Selector支持标签定位没什么卵用

与Css相同 支持标签选择器,但并没有什么用,一个页面重复的标签太多

定位方式 :直接输入标签名称

3、Css Selector支持任意属性定位

属性定位方式与css相同,直接中括号,加上属性就可以了

[name=‘n1‘]

4、单单属性定位不足以满足我们的定位需求,Css Selector提供了标签属性组合定位

与css 定位相同 等同于我们标签属性选择器

input[name=‘n1‘]

当与ID、Class 组合使用时书写方式更为简单

Class

input.c1

ID

input#i1

5、Css Selector提供了多属性组合过滤

Css Selector 的多属性组合选择过滤 没有and 只需要多个[] 连接 就可以

select[name=‘city‘][size=‘4‘][multiple="multiple"]

6、同样Css Selector也支持层级关系定位

与Xpath的不同 Css Selector通过 > 来区分层级的界定

select>option[value=‘3‘]

7、Css Selector模糊匹配

^= 匹配元素属性以什么开头

input[value^="登"]

$= 匹配属性以什么结尾

input[value$="录"]  

*= 匹配属性包含什么值 input

[value*="录"]

倚天剑我们已经是不是比屠龙刀更加的锋利?

毕竟倚天剑和屠龙刀不是一般人能够使用的,如果屠龙刀与倚天剑挥舞不起来,还有个简单的神器,Selenium Builder。

原文地址:https://www.cnblogs.com/shmily2018/p/9278909.html

时间: 2024-10-06 15:14:29

Selenium彩蛋篇-Css Selector使用方法的相关文章

web自动化测试-D3-学习笔记之一(Selenium彩蛋篇-Xpath使用方法)

由于最新版火狐不在支持FireBug等开发工具,可以通过https://ftp.mozilla.org/pub/firefox/releases/下载49版本以下的火狐就可以增加Firebug等扩展了. 什么是Xpath? XPath是XML的路径语言,通俗一点讲就是通过元素的路径来查找到这个标签元素. 工具 Xpath的练习建议大家安装火狐浏览器后,下载插件,FireBug. Xpath使用方法 注:默认死格式 先写 //* 代表定位页面下所有元素 1.Xpath支持ID.Class.Name

Selenium彩蛋篇-三种等待的使用方式

转: http://www.imdsx.cn/index.php/2017/07/27/ec/ 在UI自动化测试中,必然会遇到环境不稳定,网络慢的情况,这时如果你不做任何处理的话,代码会由于没有找到元素,而报错.这时我们就要用到wait(等待),而在Selenium中,我们可以用到一共三种等待,没一种等待都有自己的优点或缺点,如果选择最优的等待方式呢.来看下这三种等待方式吧. time(固定等待) 在开发自动化框架过程中,最忌讳使用Python自带模块的time的sleep方法进行等待,虽然可以

Selenium学习之==>Css Selector使用方法

一.什么是Css Selector Css Selector定位实际就是HTML的Css选择器的标签定位 工具 Css Selector的练习建议大家安装火狐浏览器后,下载插件,FireFinder 或 FireBug和FirePath组合使用. 二.Css Selector使用方法 1.通过ID.Class定位 1 ID定位 2 #号代表id,定位有id的标签方式更加简洁 3 #i1 4 5 Class定位 6 .代表Class 7 .c1 8 Class定位还提供了多个Class定位,通过连

Selenium - Css Selector 使用方法

什么是Css Selector? Css Selector定位实际就是HTML的Css选择器的标签定位 工具 Css Selector可以下载火狐浏览器插件,FireFinder 或 FireBug和FirePath组合使用. 使用方法: 1. Css Selector支持ID.Class的定位 与HTML中CSS定位相同 定位ID:id = "navi" -> #navi 定位Class: class = "inner" -> .inner 多个Cla

Selenium之Css Selector使用方法

什么是Css Selector? Css Selector定位实际就是HTML的Css选择器的标签定位 工具 Css Selector的练习建议使用火狐浏览器,下载插件,FireFinder.FireBug.Firepath结合使用. Css Selector的使用方法 1.Css Selector支持ID.Class的定位,与HTML中CSS定位相同 2.Css Selector支持标签定位,但是用处不大 3.Css Selector支持任意属性定位 4.Css Selector支持标签属性组

Selenium - CSS Selector

昨天我练习了用CSS(即层叠样式表Cascading Stylesheet) Selector来定位(locate)页面上的元素(Elements).Selenium官网的Document里极力推荐使用CSS locator,而不是XPath来定位元素,原因是CSS locator比XPath locator速度快,特别是在IE下面(IE没有自己的XPath 解析器(Parser)).有很多跟Selenium相关的Blog文章都有提到使用CSS Selector的技术.之前我不会CSS Sele

关于Selenium.common.exceptions.WebDriverException: Message: Invalid locator strategy: css selector 的问题

在执行脚本时报Selenium.common.exceptions.WebDriverException: Message: Invalid locator strategy: css selector 的错 出现这个问题时请先检查你的selenium版本是否和Appium-Python-Client 的版本互相兼容 如果你的selenium是3.4的版本,需要下载 Appium-Python-Client 2.8的版本 如果selenium是2.53.6的请一定要下载 Appium-Pytho

实现了一个百度首页的彩蛋——CSS3 Animation简介

在百度搜索中有这样一个彩蛋:搜索“旋转”,“跳跃”,“反转”等词语,会出现相应的动画效果(搜索“反转”后的效果).查看源码可以发现,这些效果正是通过CSS3的animation属性实现的. 实现这个彩蛋 简单来说可以分三步: 1.实现一些css动画类,等待调用: 2.设立关键字与动画匹配方法: 3.每当页面加载完成,根据关键字为body添加指定动画类. 查看DEMO:百度搜索彩蛋 CSS3 Animation animation: name duration timing-function de

这个秋季过关斩将—设计模式,分布式,多线程(文末有彩蛋)

一.前言 今天为什么要谈论这个话题昵?想必大家都知道了,又到一年的中跳槽季了,肯定有一些小伙伴寂寞难耐,想出去搞事情了.在此,我抛出三个词,这三词应该归属面试最热词的范畴了,这是我自身体会及从各个同行公认的.下面我简单概述一下,希望对大伙有所帮助. 二.设计模式 概念 设计模式(Design Pattern)是一套被反复使用.多数人知晓的.经过分类的.代码设计经验的总结. 使用设计模式的目的:为了代码可重用性.让代码更容易被他人理解.保证代码可靠性.设计模式使代码编写真正工程化:设计模式是软件工