O'Reilly logo

Sams Teach Yourself CSS in 10 Minutes by Russ Weakley

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Chapter 3. Selectors in Action

In this lesson, you will learn about the different types of selectors and how to use them.

Setting Up the HTML Code

Selectors are one of the most important aspects of CSS because they are used to “select” elements on an HTML page so that they can be styled. The HTML code for this lesson is shown in Listing 3.1.

Example 3.1. HTML Code Containing Markup for Lesson 3

<body> <div id="content"> <h1> Heading here </h1> <p class="intro"> Lorem ipsum dolor sit amet. </p> <p> Lorem ipsum dolor <a href="#">sit</a> amet. </p> </div> <div id="nav"> <ul> <li><a href="#" class="intro">item 1</a></li> <li><a href="#">item 2</a></li> <li><a href="#">item 3</a></li> </ul> </div> <div id="footer"> Lorem ipsum dolor <a href="#">sit</a> ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required