What is a CSS selector

HTML-CSS
1

Tell us what’s happening:
What is a CSS selector because the code keeps telling me to add an h2 CSS Selector to change the font?

Your code so far


<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.red-text {
  color: red;
}

p {
  font-size: 16px;
  font-family: monospace;
}
h2{
font-family: Lobster;
}
</style>

<h2 class="red-text",>CatPhotoApp</h2>
<main>
<p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>

<a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>

<div>
  <p>Things cats love:</p>
  <ul>
    <li>cat nip</li>
    <li>laser pointers</li>
    <li>lasagna</li>
  </ul>
  <p>Top 3 things cats hate:</p>
  <ol>
    <li>flea treatment</li>
    <li>thunder</li>
    <li>other cats</li>
  </ol>
</div>

<form action="/submit-cat-photo">
  <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
  <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
  <label><input type="checkbox" name="personality" checked> Loving</label>
  <label><input type="checkbox" name="personality"> Lazy</label>
  <label><input type="checkbox" name="personality"> Energetic</label><br>
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>
</main>

Your browser information:

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 12871.67.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.94 Safari/537.36.

Challenge: Import a Google Font

Link to the challenge:

2

Your code is passing for me. Try resetting the challenge, if that doesn’t help try clearing the browser cache and cookies.

All CSS styles are applied to HTML elements using selectors.

This is an element selector, targeting any h2 element on the page.

h2 {
  color: red;
}

This is a class selector, targeting any element on the page with the class of title on it.

.title {
  font-size: 48px;
}
1 Like
3

thank you! also since I was in tutorial mode it turned out my code was right, I needed to add a back up font to complete the challenge.