分享web开发知识

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

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

cssselector元素定位

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

转自https://blog.csdn.net/qq_40024178/article/details/78945651

一.概述

cssSelector也是一种常用的选择器,CSS locator比XPath locator速度快,用CSS Selector能非常精准的定位到想测试的Elements

二.cssSelector常用符号说明

# 表示id

. 表示class

> 表示子元素,层级

一个空格也表示一个子元素,但是所有的子元素相当于xpath中的相对路径

三.cssSelector的常用用法

#input 选择id为input的节点

.Volvo 选择class为Volvo的节点

div#radio>input 选择id为radio的div下的所有的input节点

div#radio input 选择id为radio的div下的所有的子孙后代input节点

div#radio>input:nth-of-type(4) 选择id为radio的div下的第4个input节点

div#radio>nth-child(1) 选择id为radio的div下的第1个子节点

div#radio>input:nth-of-type(4)+label 选择id为radio的div下的第4个input节点之后挨着的label节点

div#radio>input:nth-of-type(4)~labe 选择id为radio的div下的第4个input节点之后的所有label节点

input.Vovlo[name=‘identity‘] 选择class为.Volvo并且name为identity的input节点

input[name=‘identity‘][type=‘radio‘]:nth-of-type(1) 选择name为identity且type为radio的第1个input节点

input[name^=‘ident‘] 选择以ident开头的name属性的所有input节点

input[name$=‘entity‘] 选择以‘entity‘结尾的name属性的所有input节点

input[name*=‘enti‘] 选择包含‘enti‘的name属性的所有input节点

div#radio>*.not(input) 选择id为radio的div的子节点中不为input的所有子节点

input:not([type=‘radio‘]) 选择input节点中type不为radio的所有节点

cssselector元素定位

原文地址:https://www.cnblogs.com/woniu123/p/9798661.html

知识推荐

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