Welke selectoren in HTML gebruik je om modules te extraheren?

• Klasse (.) - de meest voorkomende, stelt je in staat om elementen met een bepaalde klasse te selecteren.
• ID (#) - selecteert een uniek element op basis van zijn identificator.
• Tag (bijvoorbeeld div, p) - selecteert alle elementen van een bepaald type.
• Combinaties van selectors - maken het mogelijk om complexere selectieregels te bouwen, bijvoorbeeld div.module-name (div met klasse module-name).
• Attribuutselectors ([attribute], [attribute="value"], [attribute~="value"], [attribute|="value"], [attribute^="value"], [attribute$="value"], [attribute*="value"]) - selecteren elementen op basis van de aanwezigheid of waarde van attributen.
• Pseudo-klassen (bijvoorbeeld :first-child, :nth-child()) - selecteren elementen op basis van hun toestand of positie in de DOM-boom.
• Pseudo-elementen (bijvoorbeeld ::before, ::after) - worden gebruikt om delen van een element te stylen die niet worden weergegeven als aparte elementen in de DOM.

Bij het automatiseren van tests gebruik ik vaak combinaties van deze selectors om elementen betrouwbaar te vinden op de pagina, volgens het principe van uniekheid en stabiliteit van de selector.