AdsPower RPA怎么学（4）——选择器3

跨境Tool哥

已于 2023-09-20 10:38:39 修改

阅读量1.6w

点赞数

文章标签：前端 javascript html

于 2023-07-27 14:08:20 首次发布

本文链接：https://blog.csdn.net/2301_77170389/article/details/131958882

版权

这一篇是选择器的完结篇了。只要掌握这些选择器，那么你编写AdsPower的RPA流程就没啥大问题了，剩下的就是多练习啦~

关系选择器

元素[属性=“属性值”]——div[data-asin="B0BQ72RJ48"]

该选择器表达的意思就是：选择序号1的div元素，它的属性为data-asin，属性值为B0BQ72RJ48。语法：元素[属性=“属性值”]，如果想要用多个属性去定位元素，语法就是：元素[属性=“属性值”][属性=“属性值”]

元素.类值——div.sg-clo-inner

选择一个div元素，它的类的值是sg-col-inner。所以，通过该选择器，我们可以定位到序号为2的div元素。

元素>元素——div>div

子代关系选择器是个大于号 “ > ”。选择一个div元素，它的父级元素是div，从图中我们可以看到，满足这种关系的元素，有序号2，序号3，序号4的div元素。它们的父级元素都是div。

当然，还可以用这个选择器：div>div.sg-col-inner

选择一个类值为sg-col-inner的div元素，且该元素的父元素是div元素。结合图看，发现只有序号2的元素满足该条件，于是就可以用该选择器定位到。

大家也不用知道什么是伪类，只需学会怎么用它去定位元素就行。

我们先看红框里面的元素结构，1个div元素下，有3个div子元素。如果我们要定位第3个子元素，用之前的选择器搭配使用也是可以的。但是接下来，我会教大家用伪类选择器。

在一些网页里，类的值或者属性的值往往是一些乱码，而且这些值不定期地会更改，这是网站的“反爬”技术之一。一旦这些值更改，我们基于这些值使用的选择器可能会失效，导致RPA机器人在运行的时候，没办法正常操作网页。

网站更改网页结构的情况相对少一些，即使改，也不会很频繁。所以，我们可以利用元素彼此之间位置的关系去定位元素，而伪类选择器正是利用这种关系去定位元素。

如上图蓝框处，我输入了一个选择器：.a-section.a-spacing-base>div:nth-child(3)

我们一步步来拆解该选择器的用法：

首先，我们得选择这3个子元素的父级元素，所以先用类选择器定位父级元素：.a-section.a-spacing-base

其次，用“>”连接下一个选择器，说明要定位父级元素的子元素

最后，用选择器：div:nth-child(3)选择第3个子元素。该选择器的意思是：选择每个div元素，且该div元素是起父级的第3个子元素。

语法就是 :nth-child(n)，n表示第几个。":"前面填写子元素的选择器，如元素选择器、属性选择器等其他选择器。

当你刚开始用伪类选择器的时候，可能会定位不到元素。但是，多实践，多去试试。有时候是n填写不正确，或者冒号前面的选择器没填对导致的。

想要RPA机器人定位的元素不变，那就需要灵活地使用各种不同的选择器。我在之前的学习路线里给出过一份资料：CSS 选择器 | 菜鸟教程这里列出了几乎所有的选择器语法。

别看长长的一列选择器，你头皮发麻。其实，Tool哥我常用的选择器也就12个，如下列表所示。大家可以有目的地去训练并掌握这12个选择器。只要掌握了这12个选择器，你几乎可以定位95%以上的网页元素了。

选择器	示例	说明
.class	.price	选择所有class="price"的元素
#id	#V19122HX	选择所有id="V19122HX"的元素
element	p	选择所有<p>元素
element.class	p.hometown	选择所有 class="hometown" 的 <p> 元素
element element	div p	选择<div>元素内的所有<p>元素
element>element	div>p	选择所有父级是 <div> 元素的 <p> 元素
[attribute]	[data-asin]	选择所有带有data-asin属性元素
[attribute=value]	[data-asin="B0911VH"]	选择所有使用data-asin="B0911VH"的元素
[attribute^=value]	[src^="https"]	选择每一个src属性的值以"https"开头的元素
[attribute$=value]	[src$=".pdf"]	选择每一个src属性的值以".pdf"结尾的元素
[attribute*=value]	[src*="data-index"]	选择每一个src属性的值包含子字符串"data-index"的元素
:nth-child(n)	p:nth-child(2)	选择每个p元素，且p元素是其父级的第2个子元素

关于用选择器定位元素的知识，我已经总结完了。可能还有些比较难以理解的地方。后面Tool哥会抽时间录个视频，教大家怎么用选择器定位网页元素，从而让大家更有效率地使用AdsPower RPA去完成自己的业务。

关注跨境Tool哥，没人比我更懂AdsPower RPA~~~~

推荐阅读：

AdsPower RPA学习路线（2023最新，零基础）

关注