Outils pour capturer et convertir le Web

Utiliser les sélecteurs CSS dans GrabzIt

Les sélecteurs CSS sont utilisés dans l'élément cible, masquent les éléments et attendent que les fonctionnalités des éléments identifient un ou plusieurs éléments HTML. Les deux principaux types de sélecteurs CSS consistent à les sélectionner par id ou par classe. Un élément HTML a un identifiant s'il contient l'attribut id, comme indiqué ci-dessous.

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

Pour le sélectionner, vous créez un sélecteur CSS comme #myidentifier

Si un élément HTML a une classe, il aura l'attribut class comme indiqué dans cet exemple.

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

Pour le sélectionner, vous créez un sélecteur CSS comme .myclass

Si vous voulez sélectionner un élément particulier avec la classe de myclass vous pouvez utiliser un sélecteur CSS standard pour le faire dans ce cas, le nième enfant (2) sélecteur comme suit: .myclass:nth-child(2) pour sélectionner la deuxième plage myclass. Cependant, cela ne fonctionnera que dans ce cas car il n'y a pas d'autres éléments sous l'élément div parent. S'il y avait un élément ap par exemple, cela modifierait l'index nth-child.

Gestion de plusieurs éléments correspondants

Si plusieurs éléments HTML sont renvoyés à partir d'un sélecteur CSS et que vous utilisez l'élément cible ou attendez des caractéristiques d'élément, seul le premier élément correspondant sera utilisé. Toutefois, si vous utilisez la fonctionnalité de masquage, tous les éléments HTML correspondants seront masqués.

Si vous souhaitez masquer plusieurs éléments avec différents identifiants ou classes, vous pouvez le faire en séparant chaque sélecteur CSS par une virgule. Ainsi, par exemple, pour masquer la classe d’exemple et l’id ci-dessus, vous utiliseriez ce qui suit: #myidentifier,.myclass