Ferramentas para capturar e converter a Web

Usando seletores de CSS no GrabzIt

Os seletores de CSS são usados ​​no elemento de destino, ocultam o elemento e aguardam pelos recursos do elemento para identificar um ou mais elementos HTML. Os dois principais tipos de seletores de CSS são selecionar por ID ou classe. Um elemento HTML possui um ID se ele contiver o atributo de ID, como mostrado abaixo.

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

Para selecioná-lo, você cria um seletor de CSS como #myidentifier

Se um elemento HTML tiver uma classe, ele terá o atributo de classe, como mostrado neste exemplo.

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

Para selecioná-lo, você cria um seletor de CSS como .myclass

Se você deseja selecionar um elemento específico com a classe de myclass você pode usar seletores CSS padrão para fazer isso, neste caso, o enésimo filho (2) seletor da seguinte forma: .myclass:nth-child(2) para selecionar o segundo período da minha classe. No entanto, isso só funcionará neste caso, porque não há outros elementos no elemento div pai. Se houvesse um elemento p, por exemplo, ele alteraria o índice enésimo filho.

Manipulação de vários elementos correspondentes

Se vários elementos HTML forem retornados de um seletor CSS e você estiver usando o elemento de destino ou aguardar pelos recursos do elemento, apenas o primeiro elemento correspondente seria usado. No entanto, se você estiver usando o recurso de elemento oculto, todos os elementos HTML correspondentes serão ocultados.

Se você deseja ocultar vários elementos com diferentes IDs ou classes, pode fazê-lo separando cada seletor de CSS por vírgula. Por exemplo, para ocultar a classe e o ID de exemplo acima, você usaria o seguinte #myidentifier,.myclass