Selectors in Action
␡
- Setting Up the HTML Code
- Type Selectors
- Class Selectors
- ID Selectors
- Descendant Selectors
- Universal Selectors
- Advanced Selectors
- Summary
Page 1 of 8
Next >
This chapter is from the book
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.
Listing 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> amet. </div> </body>
Page 1 of 8
Next >