Herramientas para capturar y convertir la web

Uso de selectores CSS en GrabzIt

Los selectores CSS se usan en el elemento de destino, ocultan el elemento y esperan que las características del elemento identifiquen uno o más elementos HTML. Los dos tipos principales de selectores CSS son seleccionar por id o clase. Un elemento HTML tiene una identificación si contiene el atributo de identificación como se muestra a continuación.

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

Para seleccionarlo, crea un selector CSS como #myidentifier

Si un elemento HTML tiene una clase, tendrá el atributo de clase como se muestra en este ejemplo.

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

Para seleccionarlo, crea un selector CSS como .myclass

Si desea seleccionar un elemento particular con la clase de myclass puede usar un selector CSS estándar para hacerlo, en este caso el enésimo hijo (2) selector así: .myclass:nth-child(2) para seleccionar el segundo tramo de myclass. Sin embargo, esto solo funcionará en este caso porque no hay otros elementos debajo del elemento div padre. Si hubiera un elemento ap, por ejemplo, alteraría el índice nth-child.

Manejo de múltiples elementos coincidentes

Si se devuelven varios elementos HTML de un selector CSS y está utilizando el elemento de destino o espera características del elemento, solo se utilizará el primer elemento coincidente. Sin embargo, si está utilizando la función de elemento oculto, todos los elementos HTML coincidentes quedarían ocultos.

Si desea ocultar varios elementos con diferentes identificadores o clases, puede hacerlo separando cada selector CSS con una coma. Entonces, por ejemplo, para ocultar la clase de ejemplo y la identificación anterior, usaría lo siguiente #myidentifier,.myclass