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