selenium之CSS定位

逃离我推掉我的手 2021-12-22 10:49 302阅读 0赞

**selenium之CSS定位**

--------------------

# ** ** #

# **1.css定位** #

### 1、什么是css？ ###

1.1：css（Cascading Style Sheets）是一种语言，它用来描述THML和XML的元素显示样式；

css语言书写两种格式：

1、写在THML语言中<style type="text/css">...

2、写在单独文件中  后缀.css

1.2：在css语言中有css选择器（不同的策略选择元素），在Selenium中也可以使用这种选择器；

提示：

1、在selenium中极力推荐css定位，因为他比Xpath定位速度要快；

2、css选择器语法非常强大，如果是学习软件测试，可以先学习常用的几个；

## **css定位 方法** ##

driver.find\_element\_by\_css\_selector()

# 2.css定位常用的策略（方法） #

1、id选择器

2、class选择器

3、元素选择器

4、熟悉选择器

5、层级选择器

### id选择器 ###

说明：根据元素id属性来选择

格式：\#id           如：\#user <选择id属性值为user的所有元素>

方法：find\_element\_by\_css\_selector()

例如：find\_element\_by\_css\_selector(“\#user”)

**注意****：****id选择器必须以\#修饰**

### class选择器 ###

说明：根据元素class属性来选择

格式：.class        如：\#.tel<选择class属性值为tel的所有元素>

方法：find\_element\_by\_css\_selector()

例如：find\_element\_by\_css\_selector(“.tel”)

注意：**以  .（点） 修饰，元素必须有class属性**

**元素选择器**

说明：根据元素的标签名选择（标签名称）

格式：element     如：input<选择所有input元素>

**属性选择器**

说明：根据元素的属性名和值来选择

格式：\[attribute=value\]      如：\[type="password"\] <选择所有type属性值为password的值>

**层级选择器**

说明：根据元素的父子关系来选择

格式：element>element     如：p>input  <返回所有p元素下所有的input元素>

**提示：**> 可以用空格代替     如：p  input  或者  p  \[type=“password”\]

**3.CSS延伸**

1、input\[type^='p'\]  说明：type属性以p字母开头的元素

2、input\[type$='d'\]  说明：type属性以d字母结束的元素

3、input\[type\*='w'\]  说明：type属性包含w字母的元素

转载于:https://www.cnblogs.com/qzyhome/p/10970904.html

发表评论取消回复

表情：

评论列表（有 0 条评论，302人围观）

还没有评论，来说两句吧...

相关阅读

相关【某机构vip教程】Selenium(7)：元素定位_css_selecto定位

2023最新自动化测试自学教程新手小白26天入门最详细教程,目前已有300多人通过学习这套教程入职大厂！！_哔哩哔哩_bilibili2023最新合集Python自动化测...

男娘i/ 2024年04月26日 03:47/ 0 赞/ 87 阅读

相关 selenium定位之find_element方法

![81aa8b63ff0548569ca266b9a560f153.png][] 自学习selenium以来，提到元素定位首先想得的是find\_element\_by\_

曾经终败给现在/ 2023年10月15日 21:20/ 0 赞/ 16 阅读

相关 python+selenium元素定位之CSS学习01

参考文档：https://www.w3school.com.cn/cssref/css\_selectors.asp <table> <tbody> <tr>

Myth丶恋晨/ 2023年10月02日 08:59/ 0 赞/ 12 阅读

相关 Selenium2+python自动化-CSS定位语法

前言大部分人在使用selenium定位元素时，用的是xpath定位，因为xpath基本能解决定位的需求。css定位往往被忽略掉了，其实css定位也有它的价值，css定位更快

快来打我*/ 2022年12月10日 03:53/ 0 赞/ 160 阅读

相关【WebDriver】selenium使用CSS定位页面元素

一、CSS简介 CSS 指层叠样式表 (Cascading Style Sheets) CSS 选择器参考手册：[http://www.w3school.com.c

àì夳堔傛蜴生んèń/ 2022年06月16日 02:23/ 0 赞/ 282 阅读

相关 selenium webdriver 页面css和xpath定位

对于html来说，不管用什么浏览器打开，他的架构是不变的，所以对于编写自动化测试程序来说，基于什么浏览器开发，差异不大，所以这里推荐使用chrome 65或以后版本浏览器，之所

小鱼儿/ 2022年05月29日 13:15/ 0 赞/ 236 阅读

相关 selenium元素定位-css定位

一、css定位元素： 1. 方法：find\_element\_by\_css\_selector() 2. 根据id属性定位——\id 3. 根据class属性定

Love The Way You Lie/ 2022年04月03日 10:14/ 0 赞/ 409 阅读

相关 selenium之元素定位

元素定位不到是selenium使用时经常遇到的问题，目前遇到的最多的就是因为元素在frame元素中，导致定位不到。此时我们要首先跳转到元素所在frame里，再对元素进行定位

今天药忘吃喽~/ 2022年02月20日 01:27/ 0 赞/ 417 阅读

相关 selenium之CSS定位

selenium之CSS定位 -------------------- 1.css定位 1、什么是css？ 1.1：css（Cascading

逃离我推掉我的手/ 2021年12月22日 10:49/ 0 赞/ 303 阅读

相关 selenium之CSS定位

什么是Css Selector Css Selector定位实际就是HTML的Css选择器的标签定位 chrome 使用 ChroPath，在Elements-->样式St

悠悠/ 2021年10月23日 16:56/ 0 赞/ 428 阅读