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

今天我给大家介绍另外2个选择器的使用：后代选择器、属性选择器及其进阶用法。

大家也可以自己打开浏览器的开发者工具，跟着下面的例子去实践。

后代选择器

如下图所示，有a、div、img三个元素。从网页结构得知，div是a元素的子元素，而img元素又是div的子元素。好比，a元素是爷爷，div是爸爸，img是儿子。

如果我们需要选择（定位）图里面的img元素，可以输入选择器：a div img

后代选择器：使用1个空格（“  “）将每个选择器隔开。例如以下几种选择器表示：

a div——选择a元素下的所有div元素。

a img——选择a元素下的所有img元素

div img——选择div元素下的所有img元素

a .s-image——选择a元素下，所有类的值是s-image的元素

属性选择器

如下图所示，标记1、2、3的div元素都含有不同的属性。

如果要选择序号1的div元素，选择器可以填：[data-asin="B0BQ72RJ48"]，或者填：[data-ndex="7"]。因为就图片里显示的这块区域，这两个属性是唯一的，能保证我们定位到序号1的div元素。

属性选择器就是用"[ ]"把属性包起来。一般我们会挑比较好填写的属性。类似图中的data-uuid="XXX"属性，太长了，一般很少用。

类也是一种属性，如果我们要选择序号2的div元素，选择器除了填 .sg-col-inner，也可以填：[class="sg-col-inner"]

那如果我们要用属性选择器，来选择序号3的div元素，是否可以呢？

也可以，但是选择器同样是太长了。这么长~~~~~~~~~~~~的选择器，真的没必要用：

[class="s-card-container s-overflow-hidden aok-relative puis-wide-grid-style puis-wide-grid-style-t2 puis-expand-height puis-include-content-margin puis puis-v1x9gmlfr6jq0x2bxg28d4mmie9 s-latency-cf-section s-card-border"]

在RPA里面，一般不用这么累赘的选择器，可以用更简单的方法，下面会介绍更方便的选择器。

属性选择器的进阶用法

还是以这图为例，如果我们要用属性选择器选择序号3的元素，选择器会很长，而且不方便后续的维护。因为属性值里面的有些值很可能会变。一旦属性值变了，输入的选择器就无法定位到该元素了。RPA有可能无法正常运行。

那么还有没有更简单的方法呢？当然有啦！！

我们看序号3div元素的属性：

class="s-card-container s-overflow-hidden aok-relative puis-wide-grid-style puis-wide-grid-style-t2 puis-expand-height puis-include-content-margin puis puis-v1x9gmlfr6jq0x2bxg28d4mmie9 s-latency-cf-section s-card-border"

在属性值里，s-card-container、s-overflow-hidden、s-card-border等这些值看上去比较规范，不像是一堆乱码，网页的开发者应该不会随意更改这部分的值。于是我们可以填这样的选择器：

[class*="s-card-container"]或[class*="s-card-border"]

语法就是：[属性*=“字符串”]

序号3的div元素中，class这个属性值里面有很多字符串，但是我们只需要找其中一些字符串，能帮助我们定位到该元素就行。也就是大家可以用这种用法，利用属性值里面的一些关键词去定位元素。

这个用法几乎能帮你定位到绝大部分的元素。

课后作业

打开amazon.com，输入watch，看看能否用选择器定位到第5个搜索结果的标题。大家也可以自己给自己出题，定位某个按钮，图片。检验自己是否真正掌握到了Tool哥讲的选择器。