Quais seletores em HTML você usa para extrair módulos?

• Classe (.) - o mais comum, permite selecionar elementos com uma classe específica.
• ID (#) - seleciona um elemento único pelo seu identificador.
• Tag (por exemplo, div, p) - seleciona todos os elementos de um tipo específico.
• Combinações de seletores - permitem construir regras de seleção mais complexas, por exemplo, div.module-name (div com a classe module-name).
• Seletores de atributos ([attribute], [attribute="value"], [attribute~="value"], [attribute|="value"], [attribute^="value"], [attribute$="value"], [attribute*="value"]) - selecionam elementos com base na presença ou valor de atributos.
• Pseudo-classes (por exemplo, :first-child, :nth-child()) - selecionam elementos com base no seu estado ou posição na árvore DOM.
• Pseudo-elementos (por exemplo, ::before, ::after) - são usados para estilizar partes do elemento que não são representadas por elementos separados no DOM.

Ao automatizar testes, frequentemente uso combinações desses seletores para procurar elementos de forma confiável na página, seguindo o princípio de unicidade e estabilidade do seletor.