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.

Gradient lives in your dock, menubar, or whatever mix you want. You can click the menu bar icon to activate the app and get to work. You can also click either of the two large top colors to bring up ...