CSS Specificity
<!DOCTYPE html> <html> <head> <style> /* (1, 0, 1) id + element */ #content a { color: teal; } /* (0, 2, 1) two classes + element */ .post .link a { color: navy; } /* (0, 0, 1) one element */ a { color: gray; } </style> </head> <body> <div id="content"> <a href="#">Content link</a> </div> <div class="post"> <div class="link"> <a href="#">Post link</a> </div> </div> <a href="#">Plain link</a> </body> </html>