<!doctype html> <html> <head> <title>Element</title> <link href="style.css" rel="stylesheet"> </head> <body> <h1>This heading will be gray</h1> <p>This paragraph will be red.</p> <blockquote>This blockquote will be blue.</blockquote> <p>This paragraph will also be red.</p> <footer> <blockquote>This blockquote, also blue, nested in a gray footer.</blockquote> <a href="#">A gray link, from the wildcard</a> </footer> </body> </html>
/* This is a “wildcard,” targeting any element. */ * { color: gray; } p { color: red; } blockquote { color: blue; } footer { background-color: lightgray; }