Quali selettori in HTML utilizzi per estrarre i moduli?

• Classe (.) - la più comune, permette di selezionare elementi con una determinata classe.
• ID (#) - seleziona un elemento unico tramite il suo identificatore.
• Tag (ad esempio, div, p) - seleziona tutti gli elementi di un tipo specifico.
• Combinazioni di selettori - consentono di costruire regole di selezione più complesse, ad esempio, div.module-name (div con classe module-name).
• Selettori di attributi ([attribute], [attribute="value"], [attribute~="value"], [attribute|="value"], [attribute^="value"], [attribute$="value"], [attribute*="value"]) - selezionano elementi in base alla presenza o al valore degli attributi.
• Pseudo-classi (ad esempio, :first-child, :nth-child()) - selezionano elementi in base al loro stato o posizione nell’albero DOM.
• Pseudo-elementi (ad esempio, ::before, ::after) - vengono usati per stilizzare parti dell’elemento che non sono rappresentate da elementi separati nel DOM.

Durante l’automazione dei test, utilizzo spesso combinazioni di questi selettori per trovare elementi in modo affidabile sulla pagina, seguendo il principio di unicità e stabilità del selettore.