Which HTML selectors do you use to extract modules?

• Class (.) - the most common, allows selecting elements with a specific class.
• ID (#) - selects a unique element by its identifier.
• Tag (e.g., div, p) - selects all elements of a certain type.
• Selector combinations - allow building more complex selection rules, e.g., div.module-name (div with class module-name).
• Attribute selectors ([attribute], [attribute="value"], [attribute~="value"], [attribute|="value"], [attribute^="value"], [attribute$="value"], [attribute*="value"]) - select elements based on the presence or value of attributes.
• Pseudo-classes (e.g., :first-child, :nth-child()) - select elements based on their state or position in the DOM tree.
• Pseudo-elements (e.g., ::before, ::after) - used for styling parts of an element that are not represented by separate elements in the DOM.

When automating tests, I often use combinations of these selectors for reliable element search on the page, adhering to the principles of uniqueness and selector stability.