CSS Combinators
<!DOCTYPE html> <html> <head> <style> /* Any <a> anywhere inside a nav */ nav a { color: navy; } /* Only <li> that are direct children of <ul> */ ul > li { margin: 4px 0; } </style> </head> <body> <nav> <div><a href="#">Deep link</a></div> </nav> <ul> <li>Direct child</li> <li>Direct child</li> </ul> </body> </html>