¿Qué selectores en HTML utilizas para extraer módulos?

• Clase (.) - el más común, permite seleccionar elementos con una clase específica.
• ID (#) - selecciona un elemento único por su identificador.
• Etiqueta (por ejemplo, div, p) - selecciona todos los elementos de un tipo determinado.
• Combinaciones de selectores - permiten construir reglas de selección más complejas, por ejemplo, div.module-name (div con clase module-name).
• Selectores de atributos ([attribute], [attribute="value"], [attribute~="value"], [attribute|="value"], [attribute^="value"], [attribute$="value"], [attribute*="value"]) - seleccionan elementos por la presencia o valor de atributos.
• Pseudo-clases (por ejemplo, :first-child, :nth-child()) - seleccionan elementos en función de su estado o posición en el árbol DOM.
• Pseudo-elementos (por ejemplo, ::before, ::after) - se utilizan para estilizar partes del elemento que no están representadas por elementos separados en el DOM.

Al automatizar pruebas, a menudo uso combinaciones de estos selectores para buscar elementos de manera confiable en la página, siguiendo el principio de unicidad y estabilidad del selector.