CSS Specificity: The site provides a unique infographic with icons representing various combinations of selectors along with a legend, an About section, and links to the CSS Dev ...

Selectors closer to the object we’re targeting within the structure of an HTML document take precedence when two rules conflict. Let’s look at a real-world example to see how this unfolds.

Selector Type Efficiency There are four main types of selectors in CSS–ID, class, tag and universal. IDs are unique elements denoted by the hash, like our old friend #current.