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.

If you haven't checked out CSS, understanding the most often used core selectors is a good place to start.