捕获和转换Web的工具

在GrabzIt中使用CSS选择器

CSS选择器用于目标元素,隐藏元素并等待元素功能标识一个或多个HTML元素。 CSS选择器的两种主要类型是按id或按类别选择。 如果HTML元素包含id属性,则它具有id,如下所示。

<span id="myidentifier">Example Text</span>

要选择它,您可以创建一个CSS选择器,例如 #myidentifier

如果HTML元素具有类,则它将具有class属性,如本示例所示。

<div>
<span class="myclass">Example Text One</span>
<span class="myclass">Example Text Two</span>
<span class="myclass">Example Text Three</span>
</div>

要选择它,您可以创建一个CSS选择器,例如 .myclass

如果要选择具有以下类别的特定元素 myclass 您可以在这种情况下使用标准的CSS选择器 nth-child(2) 选择器是这样的: .myclass:nth-child(2) 选择第二个myclass跨度。 但是,这仅在这种情况下有效,因为父div元素下没有其他元素。 例如,如果有ap元素,它将更改第n个子索引。

处理多个匹配元素

如果从CSS选择器返回了多个HTML元素,并且您正在使用target元素或等待元素功能,则只会使用第一个匹配的元素。 但是,如果您使用hide元素功能,则所有匹配的HTML元素都将被隐藏。

如果要隐藏具有不同ID或类的多个元素,可以通过用逗号分隔每个CSS选择器来实现。 因此,例如,要隐藏上面的示例类和ID,可以使用以下代码 #myidentifier,.myclass