Creating Selectors to Style the Header

Creating Selectors to Style the Header

To style the site header and its content, you will use 10 selectors as shown in Listing 18.2.

Listing 18.2. CSS Code Showing the Selectors for Styling the Header

body {...}
#container {...}
h1 {...}
h1 img {...}
ul#topnav {...}
ul#topnav li {...}
ul#topnav li a:link {...}
ul#topnav li a:visited {...}
ul#topnav li a:hover {...}
ul#topnav li a:active {...}