Home > Articles > Web Services > XML

How to Use Selectors in CSS

  • Print
  • + Share This
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. In this lesson, you will learn about the different types of CSS selectors and how to use them.
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>
  • + Share This
  • 🔖 Save To Your Account