13.07.2015 Views

Beginning CSS: Cascading Style Sheets for Web Design, 2nd ...

Beginning CSS: Cascading Style Sheets for Web Design, 2nd ...

Beginning CSS: Cascading Style Sheets for Web Design, 2nd ...

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

Chapter 3: Selectorsul {list-style: none;}li {margin: 5px 0;}a:link {color: steelblue;}a:visited {color: darkorchid;}a:hover {color: orange;}a:active {color: crimson;}4. Save the preceding style sheet as Example_3-9.css. Upon completion of the HTML and <strong>CSS</strong>files, you should see output in your browser like that in Figure 3-40.Figure 3-40How It WorksIn Example 3-9, you tried out the dynamic pseudo-classes <strong>for</strong> yourself. In Example 3-9 there were fourdynamic pseudo-classes in use.The first dynamic pseudo-class that you used styles unvisited links. Unvisited links receive the colorsteelblue.a:link {color: steelblue;}The second dynamic pseudo-class that you used styles visited links. Visited links receive the colordarkorchid.101

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!