Creating Selectors to Style the Two-Column Layout

Creating Selectors to Style the Two-Column Layout

To style the two-column layout and its content, you will use 12 selectors as shown in Listing 19.2.

Listing 19.2. CSS Code Showing the Selectors for Styling a Two-Column Layout

body {...}
#container {...}
h1 {...}
#nav {...}
#nav ul {...}
#nav li {...}
#content {...}
#footer {...}
h2 {...}
a:link {...}
a:visited {...}
a:hover, a:active {...}