In this first piece on efficient CSS, we look at selectors, how the browser reads them, and how to make yours more efficient–plus a few tips on how to include stylesheets in your projects.

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.

Tony Patton focuses on CSS fundamentals and explains how multiple rules for the same element are handled. Multiple rules ensure that there will be no surprises for either you or the user community.