Try it Yourself: CSS Selectors

CSS Selectors

<!DOCTYPE html>
<html>
<head>
<style>
p {
  color: #444;
}

.note {
  color: #00643c;
}

#header {
  color: navy;
}
</style>
</head>
<body>

<h2 id="header">Header</h2>
<p>A regular paragraph.</p>
<p class="note">A note paragraph.</p>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<style>
p {
  color: #444;
}

.note {
  color: #00643c;
}

#header {
  color: navy;
}
</style>
</head>
<body>

<h2 id="header">Header</h2>
<p>A regular paragraph.</p>
<p class="note">A note paragraph.</p>

</body>
</html>