软件测试笔记｜web自动化测试｜web 自动化测试中，CSS 定位的方法有哪些？

在 Web 自动化测试中，CSS 定位的方法主要有以下几种：

一、通过标签名定位

使用 tagName 来定位元素。例如，div 可以定位所有的 <div> 元素。

二、通过类名定位

使用 .className 来定位具有特定类名的元素。例如，.my-class 可以定位所有具有类名 my-class 的元素。

三、通过 ID 定位

使用 #id 来定位具有特定 ID 的元素。例如，#my-id 可以定位 ID 为 my-id 的元素。

四、通过属性定位

1. 使用 [attribute=value] 来定位具有特定属性值的元素。例如，[data-id=123] 可以定位 data-id 属性值为 123 的元素。

2. 可以使用其他属性操作符，如 [attribute^=valuePrefix]（属性值以特定前缀开头）、[attribute$=valueSuffix]（属性值以特定后缀结尾）、[attribute*=valueSubstring]（属性值包含特定子字符串）。

五、组合定位

可以将以上几种定位方式组合起来使用。

例如：

• div.my-class：定位所有同时具有 <div> 标签和类名 my-class 的元素。

• input[type='text']：定位所有 <input> 标签且 type 属性为 text 的元素。