Jakie selektory w HTML używasz do wyodrębniania modułów?

• Klasa (.) - najczęściej używany, pozwala wybierać elementy z określoną klasą.
• ID (#) - wybiera unikalny element po jego identyfikatorze.
• Tag (np. div, p) - wybiera wszystkie elementy określonego typu.
• Kombinacje selektorów - pozwalają tworzyć bardziej złożone reguły wyboru, na przykład div.module-name (div z klasą module-name).
• Selektory atrybutów ([attribute], [attribute="value"], [attribute~="value"], [attribute|="value"], [attribute^="value"], [attribute$="value"], [attribute*="value"]) - wybierają elementy na podstawie obecności lub wartości atrybutów.
• Pseudo-klasy (np. :first-child, :nth-child()) - wybierają elementy na podstawie ich stanu lub położenia w drzewie DOM.
• Pseudo-elementy (np. ::before, ::after) - służą do stylizacji części elementu, które nie są reprezentowane przez oddzielne elementy w DOM.

Podczas automatyzacji testów często używam kombinacji tych selektorów, aby niezawodnie znaleźć elementy na stronie, przestrzegając zasady unikalności i stabilności selektora.