捕獲和轉換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