Explain type selectors: The most common and easy to understand selectors are type selectors. Type selectors will select any HTML element on a page that matches the selector, regardless of their position in the document tree.

Explain class selectors: A class selector is a name preceded by a full stop (“.”) and an ID selector is a name preceded by a hash character (“#”).

Explain id selectors: The id selector uses the id attribute of an HTML element to select a specific element. The id of an element should be unique within a page, so the id selector is used to select one unique element! To select an element with a specific id, write a hash (#) character, followed by the id of the element.

Explain psuedo selectors: Search Results A CSS pseudo-class is a keyword added to a selector that specifies a special state of the selected element(s). For example, :hover can be used to change a button's color when the user hovers over it

Explain selector combination based on the DOM relationship: A combinator is something that explains the relationship between the selectors.