Quels sélecteurs en HTML utilisez-vous pour extraire des modules?

• Classe (.) - le plus courant, permet de sélectionner des éléments avec une classe spécifique.
• ID (#) - sélectionne un élément unique par son identifiant.
• Balise (par exemple, div, p) - sélectionne tous les éléments d’un type donné.
• Combinaisons de sélecteurs - permettent de construire des règles de sélection plus complexes, par exemple, div.module-name (div avec la classe module-name).
• Sélecteurs d’attributs ([attribute], [attribute="value"], [attribute~="value"], [attribute|="value"], [attribute^="value"], [attribute$="value"], [attribute*="value"]) - sélectionnent des éléments en fonction de la présence ou de la valeur des attributs.
• Pseudo-classes (par exemple, :first-child, :nth-child()) - sélectionnent des éléments en fonction de leur état ou position dans l’arbre DOM.
• Pseudo-éléments (par exemple, ::before, ::after) - sont utilisés pour styliser des parties de l’élément qui ne sont pas représentées par des éléments séparés dans le DOM.

Lors de l’automatisation des tests, j’utilise souvent des combinaisons de ces sélecteurs pour rechercher des éléments de manière fiable sur la page, en respectant le principe d’unicité et de stabilité du sélecteur.