当前位置： 首页 > news >正文

自动化测试——css元素定位

news 2026/2/10 9:09:19

在这里插入图片描述

文章目录

  • 一、css定位场景
  • 二、css相对定位的优点
  • 三、css的调试方法
    • 1、表达式中含有字符串：表达式中的引号一定和外面字符串的引号相反
  • 四、css基础语法
    • 1、标签定位
    • 2、class定位
    • 特别注意：当class类型的属性值包含多个分割值，$('.s_tab s_tab_1z9nv')不适用。
    • 解决方法：将空格替换为. $('.s_tab.s_tab_1z9nv')
    • 3、id定位
    • 4、属性表达式
  • 五、css关系定位
    • 1、并集
    • 2、临近兄弟（平级、挨着）
    • 3、兄弟（平级、不挨着）
    • 4、父子关系
    • 后代（用的多）
  • 六、css的顺序关系
    • 父子关系+顺序

一、css定位场景

1、支持web产品
2、支持app端的webview（原生的不支持）

二、css相对定位的优点

1、可维护性强
2、语法更加简洁
3、解决各种复杂的定位场景

三、css的调试方法

css定位的3要素：$、小括号、字符串(单引号、双引号都支持)
进入浏览器console
输入:$("css表达式")或者$$("css表达式")

1、表达式中含有字符串：表达式中的引号一定和外面字符串的引号相反

四、css基础语法

类型表达式
标签标签名
类.class属性值
id#id属性值
属性[属性名=’属性值‘]

在这里插入图片描述

1、标签定位

支持索引
在这里插入图片描述

2、class定位

在这里插入图片描述

特别注意：当class类型的属性值包含多个分割值，$(‘.s_tab s_tab_1z9nv’)不适用。

在这里插入图片描述

解决方法：将空格替换为. $(‘.s_tab.s_tab_1z9nv’)

在这里插入图片描述

3、id定位

在这里插入图片描述

4、属性表达式

在这里插入图片描述

五、css关系定位

类型表达式
并集元素，元素
临近兄弟元素+元素
兄弟元素1~元素2
父子元素>元素
后代元素 元素

1、并集

在这里插入图片描述

2、临近兄弟（平级、挨着）

在这里插入图片描述
$('#lg+#result_logo')

在这里插入图片描述

3、兄弟（平级、不挨着）

在这里插入图片描述
$('#lg~#form')

在这里插入图片描述

4、父子关系

可以一直嵌套下去
局限性：不稳定

$('#head>.head_wrapper')

在这里插入图片描述

后代（用的多）

$('#head #lg')
在这里插入图片描述
可以一直嵌套下去
$('#head .s_form #lg')
在这里插入图片描述

六、css的顺序关系

类型表达式
父子关系+顺序元素 元素
父子关系+标签类型+顺序元素 元素

在这里插入图片描述

父子关系+顺序

$('#wrapper>div:nth-of-type(1)')
在这里插入图片描述

在这里插入图片描述

相关文章：

自动化测试——css元素定位

文章目录一、css定位场景二、css相对定位的优点三、css的调试方法1、表达式中含有字符串：表达式中的引号一定和外面字符串的引号相反四、css基础语法1、标签定位2、class定位特别注意：当class类型的属性值包含多个分割值，$(.s_tab s_tab_1z9n…...

编程日记 2023/2/22 22:09:32

ChatGPT可能马上取代你，这是它能做的十个工作

ChatGPT 的横空出世，在业界掀起了惊涛骇浪。专家表示，ChatGPT 和相关人工智能技术可能会威胁到一些工作岗位，尤其是白领工作。 自去年11月发布以来，新型聊天机器人模型 ChatGPT 已经被用于各种各样的工作：撰写求职信、编写儿童读物，甚至帮助学生在论文中作弊。谷歌公司发…...

编程日记 2023/2/22 22:08:12

ubuntu转储coredump

方法一： 输入以下命令即可,其中${USER}为自己电脑的用户名： ulimit -c unlimited echo "/home/${USER}/core.%p" > /proc/sys/kernel/core_pattern 方法二： Disable apport : sudo systemctl stop apport.servicesudo system…...

编程日记 2023/2/22 22:07:03

基于单片机的毕业设计推荐

** 2023基于单片机的毕业设计推荐： ** 1、基于51单片机的多功能门禁系统（低端、功能限制较大）。 2、基于单片机的多功能实时时钟。 3、基于单片机的音乐播放器。 4、基于STM32单片机的多功能门禁系统（高端、没有限制&#xff09…...

编程日记 2023/2/22 22:05:54

APP测试中ios和androis的区别，有哪些注意点

目录 一、运行机制不同 二、对app内存消耗处理方式不同 三、后台制度不同 四、最高权限指令不同 五、推送机制不同 六、抓取方式不同 七、灰度发版机制不同 八、审核机制不同 总结感谢每一个认真阅读我文章的人！！！ 重点：…...

编程日记 2023/2/22 22:04:47

使用 Xcode 创建第一个 Objective-C 命令行程序 HelloWorld

总目录 iOS开发笔记目录 从一无所知到入门 文章目录创建项目运行项目，查看日志输出同一项目下新增子目录，切换要运行的 Target创建项目 打开 Xcode ，Create a new Xcode project 接下来的默认界面： 切换到 macOS 下&#xff…...

编程日记 2023/2/22 22:03:40

【蓝桥杯集训8】哈希表专题（3 / 3）

目录 手写哈希表 1、开放寻址法 2、拉链法 字符串前缀哈希表法 2058. 笨拙的手指 - 哈希表 秦九韶算法（进制转换） 枚举 秦九韶算法——将x进制数转化为十进制数 手写哈希表 活动 - AcWing 1、开放寻址法 设 h(x)k，也就是 x 的哈希值…...

编程日记 2023/2/22 22:02:33

Java Scanner 类，超详细整理，适合新手入门

目录 一、什么是 Java Scanner 类？ 二、引用数据类型 1、引用数据类型的定义 三、Scanner 类有哪些常用方法？ hasNext()用法 四、next() 与 nextLine() 区别 next(): nextLine()： 五、使用 next 方法 五、使用 nextLine方法 一、什…...

编程日记 2023/2/22 22:01:25

干货 | 中小企业选型 Elasticsearch 避坑指南

1、线上常见问题在我线下对接企业或线上交流的时候，经常会遇到各种业务场景不同的问题。比如，常见问题归类如下：常见问题1：ES 适合场景及架构选型问题。公司的核心业务是做企业员工健康管理，数据来自电子化后的员工体检…...

编程日记 2023/2/22 22:00:15

全局组件和局部组件

全局组件第一种定义方法：A、创建自己的组件：Loading.vueB、在main.js文件中引入组件并注册import Vue from vue import App from ./App.vue import * as filters from ./filterimport quanjuzujian from ./components/quanjuzujian.vueVue.component(qua…...

编程日记 2023/2/22 21:59:05

提取括号中的内容

正则能解决不嵌套的括号内容提取问题遇到一个问题，就是需要提取字符串中每一个中括号里的内容，在网上搜了一下，发现用正则表达式(\[[^\]]*\])可以提取中括号中的内容，以下面文本为匹配对象：PerformanceManager[第1个中…...

编程日记 2023/2/22 21:57:55

数据结构-算法的空间复杂度（1.2）

目录 1.空间复杂度 1.1 例子 1.2 空间的特殊性质 写在最后： 1.空间复杂度 空间复杂度也是一个数学表达式， 是对一个算法在运行过程中临时占用存储空间大小的量度。 他也是用大O渐进表示法。 1.1 例子 例1： 冒泡排序： v…...

编程日记 2023/2/22 21:56:41

【总结】python3启动web服务引发的一系列问题

背景 在某行的实施项目，需要使用python3环境运行某些py脚本。 由于行内交付的机器已自带python3 ，没有采取自行安装python3，但是运行python脚本时报没有tornado module。 错误信息 ModuleNotFoundError：No module named ‘torn…...

编程日记 2023/2/22 21:55:33

Linux:基于libevent读写管道代码，改进一下上一篇变成可以接收键盘输入

对上一篇进行改进&#xff0c;变成可以接收键盘输入&#xff0c;然后写入管道&#xff1a; 读端代码&#xff1a; #include <stdlib.h> #include <stdio.h> #include <unistd.h> #include <sys/types.h> #include <sys/stat.h> #include <s…...

编程日记 2023/2/22 21:54:23

C语言格式化输出总结:%d,%c,%s,%f, %lf,%m.nd,%m.nf,%m.ns 以及sprintf函数

凡事发生必将有益于我&#xff0c;高手&#xff0c;从来都不仅仅是具备某种思维的人&#xff0c;而是那些具备良好学习习惯的人&#xff0c;成为高手&#xff0c;无他&#xff0c;手熟尔&#xff01;加油在最近的学习之中&#xff0c;对于格式化输出这个知识点&#xff0c;这里…...

编程日记 2023/2/22 21:53:08

Nginx之反向代理、负载均衡、动静分离。

Nginx之反向代理、负载均衡、动静分离。 1、Nginx是啥&#xff1f; 轻量级Web服务器、反向代理服务器、电子邮件&#xff08;IMAP/POP3&#xff09;代理服务器 在 BSD-like 协议下发行、占内存少、并发高&#xff08;同时处理请求能力&#xff09;。 2、安装 官网&#xf…...

编程日记 2023/2/22 21:51:52

0401不定积分的概念和性质-不定积分

文章目录1 原函数与不定积分的概念1.1 原函数1.2 原函数存在定理1.3 不定积分2 不定积分的性质3 基本积分表4 例题后记1 原函数与不定积分的概念 1.1 原函数 定义1 如果在区间I上&#xff0c;可导函数F(x)的导航为f(x)&#xff0c;即对任一x∈Ix\in Ix∈I&#xff0c;都有 F′…...

编程日记 2023/2/22 21:50:40

数组中的各种迭代API方法手写

js的数组上有很多实用的方法&#xff0c;不论是在遍历数组上&#xff0c;还是在操作数组内元素上&#xff0c;它有许多不同的遍历数组的方法&#xff0c;同时它还有着可以直接操作数组中间元素的方法。 接下来&#xff0c;我来带大家手写数组里的 遍历方法 。 Array.forEach(…...

编程日记 2023/2/22 21:49:31

详解量子计算：相位反冲与相位反转

前言 本文需要对量子计算有一定的了解。需要的请翻阅我的量子专栏&#xff0c;这里不再涉及基础知识的科普。 量子相位反冲是什么&#xff1f; 相位反转&#xff08;phase kickback&#xff09;是量子计算中的一种现象&#xff0c;通常在量子算法中使用&#xff0c;例如量子…...

编程日记 2023/2/22 21:48:18

C++——C++11第三篇

目录 包装器 function包装器 bind 包装器 function包装器 function包装器 也叫作适配器。C中的function本质是一个类模板&#xff0c;也是一个包装器。 上面的程序验证&#xff0c;我们会发现useF函数模板实例化了三份。 包装器可以很好的解决上面的问题 &#xff0c;让它只实…...

编程日记 2023/2/22 21:47:09

龙虎榜——20250610

上证指数放量收阴线&#xff0c;个股多数下跌&#xff0c;盘中受消息影响大幅波动。 深证指数放量收阴线形成顶分型&#xff0c;指数短线有调整的需求&#xff0c;大概需要一两天。 2025年6月10日龙虎榜行业方向分析 1. 金融科技 代表标的&#xff1a;御银股份、雄帝科技 驱动…...

编程新知 2026/2/8 15:03:06

深入浅出Asp.Net Core MVC应用开发系列-AspNetCore中的日志记录

ASP.NET Core 是一个跨平台的开源框架&#xff0c;用于在 Windows、macOS 或 Linux 上生成基于云的新式 Web 应用。 ASP.NET Core 中的日志记录 .NET 通过 ILogger API 支持高性能结构化日志记录&#xff0c;以帮助监视应用程序行为和诊断问题。 可以通过配置不同的记录提供程…...

编程新知 2026/2/8 4:37:06

从零实现富文本编辑器#5-编辑器选区模型的状态结构表达

先前我们总结了浏览器选区模型的交互策略&#xff0c;并且实现了基本的选区操作&#xff0c;还调研了自绘选区的实现。那么相对的&#xff0c;我们还需要设计编辑器的选区表达&#xff0c;也可以称为模型选区。编辑器中应用变更时的操作范围&#xff0c;就是以模型选区为基准来…...

编程新知 2026/1/16 16:34:26

相机Camera日志实例分析之二：相机Camx【专业模式开启直方图拍照】单帧流程日志详解

【关注我&#xff0c;后续持续新增专题博文&#xff0c;谢谢&#xff01;&#xff01;&#xff01;】 上一篇我们讲了&#xff1a; 这一篇我们开始讲&#xff1a; 目录 一、场景操作步骤 二、日志基础关键字分级如下 三、场景日志如下&#xff1a; 一、场景操作步骤 操作步…...

编程新知 2026/1/30 10:10:55

解锁数据库简洁之道：FastAPI与SQLModel实战指南

在构建现代Web应用程序时&#xff0c;与数据库的交互无疑是核心环节。虽然传统的数据库操作方式&#xff08;如直接编写SQL语句与psycopg2交互&#xff09;赋予了我们精细的控制权&#xff0c;但在面对日益复杂的业务逻辑和快速迭代的需求时&#xff0c;这种方式的开发效率和可…...

编程新知 2025/8/13 16:42:24

STM32F4基本定时器使用和原理详解

STM32F4基本定时器使用和原理详解 前言如何确定定时器挂载在哪条时钟线上配置及使用方法参数配置PrescalerCounter ModeCounter Periodauto-reload preloadTrigger Event Selection 中断配置生成的代码及使用方法初始化代码基本定时器触发DCA或者ADC的代码讲解中断代码定时启动…...

编程新知 2026/2/9 3:58:32

鸿蒙中用HarmonyOS SDK应用服务 HarmonyOS5开发一个医院查看报告小程序

一、开发环境准备 ​​工具安装​​&#xff1a; 下载安装DevEco Studio 4.0&#xff08;支持HarmonyOS 5&#xff09;配置HarmonyOS SDK 5.0确保Node.js版本≥14 ​​项目初始化​​&#xff1a; ohpm init harmony/hospital-report-app 二、核心功能模块实现 1. 报告列表…...

编程新知 2026/2/1 4:17:33

C++.OpenGL （10/64）基础光照（Basic Lighting）

基础光照（Basic Lighting） 冯氏光照模型（Phong Lighting Model） #mermaid-svg-GLdskXwWINxNGHso {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-GLdskXwWINxNGHso .error-icon{fill:#552222;}#mermaid-svg-GLd…...

编程新知 2026/1/20 2:37:04

C# SqlSugar：依赖注入与仓储模式实践

C# SqlSugar&#xff1a;依赖注入与仓储模式实践 在 C# 的应用开发中&#xff0c;数据库操作是必不可少的环节。为了让数据访问层更加简洁、高效且易于维护&#xff0c;许多开发者会选择成熟的 ORM&#xff08;对象关系映射&#xff09;框架&#xff0c;SqlSugar 就是其中备受…...

编程新知 2025/11/25 6:49:02

QT： `long long` 类型转换为 `QString` 2025.6.5

在 Qt 中&#xff0c;将 long long 类型转换为 QString 可以通过以下两种常用方法实现&#xff1a; 方法 1&#xff1a;使用 QString::number() 直接调用 QString 的静态方法 number()&#xff0c;将数值转换为字符串&#xff1a; long long value 1234567890123456789LL; …...

编程新知 2026/2/1 6:30:04