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> ...
Get Sams Teach Yourself CSS in 10 Minutes now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
