分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

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

发布时间:2023-09-06 02:05责任编辑:蔡小小关键词:暂无标签

一、什么是Css Selector

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

工具

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

二、Css Selector使用方法

1、通过ID、Class定位

1 ID定位2 #号代表id,定位有id的标签方式更加简洁3 #i14 5 Class定位6 .代表Class7 .c18 Class定位还提供了多个Class定位,通过连续.来缩小范围9 .c1.c2.c3

2、通过标签定位

1 定位方式 :直接输入标签名称2 div3 input4 单独用没什么作用,因为一个页面相同的标签太多了,需要和其他方式组合起来用

3、通过属性定位

1 属性定位方式,直接中括号,加上属性就可以了 2 ????[name=‘n1‘]

4、通过标签属性组合定位

1 标签属性组合2 input[name=‘n1‘]3 4 标签与Class组合5 input.c16 7 标签与ID组合8 input#i1

5、通过多属性组合

1 Css Selector 的多属性组合选择过滤 没有and 只需要多个[] 连接 就可以2 select[name=‘city‘][size=‘4‘][multiple="multiple"]

6、通过层级关系定位

1 与Xpath的不同 Css Selector通过 > 来区分层级的界定2 select>option[value=‘3‘]

7、模糊匹配

1 ^= 匹配元素属性以什么开头2 [placeholder^=‘请输入‘]3 4 $= 匹配属性以什么结尾5 [placeholder$=‘元素‘]6 7 *= 匹配属性包含什么值 input8 [placeholder*=‘ID‘]

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

原文地址:https://www.cnblogs.com/L-Test/p/9286344.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved