数据结构
网络
关系型数据库管理系统
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
服装设计
法律研究Cypress 中的各种定位器
Cypress 必须识别页面上的元素才能对其执行操作。元素的唯一识别是通过 Cypress 使用 jQuery 选择器完成的，jQuery 选择器基本上是从 css 选择器派生的。
其他自动化工具，如 Selenium，支持诸如 id、name、classname、link text、partial link text、xpath 和 css 选择器之类的定位器。
编写 css 选择器的规则如下：
使用类名属性。基于唯一类名的元素选择是通过 (.) 符号完成的。自定义 css 表达式应为 (.classname)。
让我们考虑以下 html 代码：
使用类名的自定义 css 应为：.gsc-input
使用 id 属性。基于唯一 id 的元素选择是通过 (#) 符号完成的。自定义 css 表达式应为 (#id)。
让我们考虑以下 html 代码：
使用 id 的自定义 css 应为：#gsc-i-id1
使用标签名以及 id 或类名属性。基于唯一 id 的元素选择是通过 (#) 符号完成的。自定义 css 表达式应为 (tagname#id)。
基于唯一类的元素选择是通过 (.) 符号完成的。自定义 css 表达式应为 (tagname.classname)。
让我们考虑以下 html 代码：
使用标签名和 id 的自定义 css 应为：input#gsc-iid1。
使用标签名和类名的自定义 css 应为：input.gsc-input。
使用标签名以及任何属性。元素选择基于具有唯一值的任何属性。自定义 css 表达式应为 (tagname[attribute='value'])。
让我们考虑以下 html 代码：
使用标签名、属性及其值的自定义 css 应为：img[title='Tutorialspoint']
使用从父到子标签名遍历，并用空格分隔。自定义 css 表达式应为 (div input)。此处 div 分别指代父标签和子标签名。
让我们考虑以下 html 代码：
使用空格分隔的父标签名和子标签名的自定义 css 应为：tr td。
454 次查看
