位置: IT常识 - 正文

css元素定位:通过元素的标签或者元素的id、class属性定位(css定位属性的运用)

编辑:rootadmin
css元素定位:通过元素的标签或者元素的id、class属性定位 前言

推荐整理分享css元素定位:通过元素的标签或者元素的id、class属性定位(css定位属性的运用),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:css定位属性的运用,css 元素定位,css selector定位元素,css3中定位的元素,css selector定位元素,css中元素定位的方式有哪几种,css中元素定位的方式有哪几种,css中元素定位的方式有哪几种,内容如对您有帮助,希望把文章链接给更多的朋友!

大部分人在使用selenium定位元素时,用的是xpath元素定位方式,因为xpath元素定位方式基本能解决定位的需求。xpath元素定位方式更直观,更好理解一些。

css元素定位方式往往被忽略掉了,其实css元素定位方式也有它的价值;相对于xpath元素定位方式来说,css元素定位方式更快,语法更简洁。

一、css元素定位:通过元素的标签或者元素的id、class属性定位

1、css元素定位方式可以通过元素的id、class、标签这三个常规属性直接定位。

2、举例:如下是百度输入框的的html代码:

<input id="kw" class="s_ipt" type="text" autocomplete="off" maxlength="100" name="wd"/>

①css元素定位使用#号表示id属性,如:#kw

②css元素定位方式使用.表示class属性,如.s_ipt

③css元素定位方式也可以直接使用标签名称,而没有任何标识符,如:input

二、css元素定位:通过元素的其它属性定位

1、css元素定位除了可以通过标签、class、id这三个常规属性定位外,也可以通过元素的其它属性定位。例如: 

三、css元素定位:通过标签与属性的组合来定位元素 

四、css元素定位:通过元素的层级关系来定位css元素定位:通过元素的标签或者元素的id、class属性定位(css定位属性的运用)

1、css元素定位可以达到类似xpath元素定位通过元素的层级关系来定位,例如:

xpath元素定位: //form[@id='form']/span/input 和 //form[@class='fm']/span/input 也可以用css实现 

五、css元素定位:通过元素的并列索引来定位 

1、以下图为例:与四相似。 

2、css元素定位也可以通过索引option:nth-child(1)来定位子元素,这点与xpath写法用很大差异,其实很好理解,直接翻译过来就是第几个小孩 

六、css元素定位:通过对元素属性的逻辑运算来定位

1、css同样也可以实现逻辑运算,同时匹配两个属性,这里跟xpath不一样,无需写and关键字。

七、处理selenium中的css_selector定位元素的模糊匹配问题

① 匹配元素的id属性,先指定一个html标签,然后加上“#”符号,再加上id的属性值。

driver.find_element_by_css_selector('div#ID').click()

②匹配元素的class属性,先指定一个html标签,然后加上“.”符号,再加上class的属性值。

driver.find_element_by_css_selector('div.CLASS').click()

③匹配元素的其他属性。【这里不再是‘.’或者‘#’符号,而是采用了"标签名[属性名=属性值]"的方式定位元素】

driver.find_element_by_css_selector('div[name=NAME]').click()

④组合匹配【支持定位元素对象通过两组或两组以上的属性】

driver.find_element_by_css_selector('div[name=NAME][type=TYPE]').click()

⑤匹配头部

driver.find_element_by_css_selector('div[style^="sp.gif"]').click()

⑥匹配尾部

driver.find_element_by_css_selector('div[style$="sp.gif"]').click()

⑦匹配中间

driver.find_element_by_css_selector('div[style*="sp.gif"]').click()
本文链接地址:https://www.jiuchutong.com/zhishi/299610.html 转载请保留说明!

上一篇:TypeScript(typescript中文文档)

下一篇:【React】使用Next.js构建并部署个人博客(react extend)

  • 一般纳税人劳务费税率是多少
  • 运输途中的合理损耗
  • 固定资产加速折旧法
  • 保理公司会计核算讲解
  • 实缴资本需要存放多久
  • 个人购买股权的法律规定
  • 小规模开专票的条件
  • 销售软件怎么做账
  • 深圳增值税发票选择确认平台使用
  • 怎么核算金融企业收入
  • 出口退税会计处理全部流程
  • 营改增后装修材料如何抵扣?
  • 免税的农业企业可以抵扣专票吗
  • 企业收回报废产品合法吗
  • 个人购买办公楼出租要交税吗
  • 月末印花税会计分录
  • 一般纳税人企业所得税政策最新2023
  • 发票开出多久可以作废
  • 小微企业附加税怎么算
  • 总分公司合并缴纳个税
  • 红魔3和一加7pro哪个好
  • 年初未分配利润计算公式
  • 无形资产的增值税怎么算
  • 重装系统后怎么恢复原来的系统
  • pniopcacexe是什么进程
  • 写一篇推荐书
  • 完税凭证遗失后还能用吗
  • 牛肉炖萝卜的做法高压锅
  • wx小程序
  • 新会计准则计入管理费用的税费
  • php+jQuery+Ajax实现点赞效果的方法(附源码下载)
  • php的中文名
  • php面向对象优点,缺点
  • 仓库盘点单模板
  • 基础kl
  • php红包源码
  • 用友固定资产折旧方法
  • 查询命令的操作步骤
  • 政府返回税款是否计入收入
  • 购进商品的运费怎么算
  • 逾期包装物押金收入计入什么科目
  • 公司项目支付的钱叫什么
  • 2021年发票认证期限为多少天
  • 销售并提供安装服务怎么开票
  • 个人缴纳职业年金的比例为本人缴费工资的多少
  • 取得虚开普票如何处置
  • 跌价准备如何入库
  • 银行汇票计入什么会计科目
  • 先收票后收货
  • 帮客户支付的机票计入什么科目
  • 向母公司贷款利率是多少
  • 购买发票打印机如何账务处理?
  • 预付账款暂估是什么意思
  • 取暖费用摊销吗
  • 持有待售流动资产减值
  • ubuntu16.04创建用户
  • 启动npm服务
  • 安装操作系统win10
  • ubuntu安装指南
  • .exe是什么文件
  • Win10 Mobile RS2预览版14926升级错误代码800703ed的解决方法
  • awk 筛选有特定字符
  • 电脑出现win 7 界面 然后就不动了
  • linux操作系统root
  • win7系统无法创建分区也无法定位
  • 结构 类型
  • 黑白棋手机游戏
  • shell.epc
  • linux常用的网络命令
  • 置顶的朋友圈屏蔽的人能看到吗
  • unity3ds
  • 编程语言javascript
  • jquery教程w3school
  • input lead
  • 深入理解计算机系统 电子书
  • unity3d 版本
  • 对供热企业相关规定
  • 福建省税务报税系统官网
  • 地税局开发票流程?
  • 沙石开发票
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设