Super simple CSS

My h2 won’t turn blue. It’s driving me insane, because I know it’s right!


<style>
h2 {
 color: blue;
} 
</style>
<main>
 <p>Click here to view more <a href="#">cat photos</a>.</p>

 <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" 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="https://freecatphotoapp.com/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 (Linux; Android 8.1.0; A501DL Build/OPM1.171019.011; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/98.0.4758.101 Mobile Safari/537.36

Challenge: Use CSS Selectors to Style Elements

Link to the challenge:

Hi @Dman42076,

Your CSS is good, but it misses something in the HTML code. Little clue, do you have a h2 into the HTML?

Above the style tag?

it is below actually

So, I have to put the original catphotoapp back in there??

Yes, in fact they just asked you to delete the style inside the h2 tag, because you have the style tag for that. If you wanna see the result of your CSS, it has to target something. You want to change the color of the h2 but how do you will see the change without it in your HTML?

Thanks, it finally worked but the actual he before the { wouldn’t turn blue. That’s what was holding me back

According to the code you shared, the issue you had is that you were missing the h2. In adding it, the code passes. Good luck for the next challenges!

1 Like

Well curated answer , I was going through the code myself and was wondering where the H2 was . Good to see you helped him pin point on the issue.

1 Like

Thank you @yinkamac :slight_smile:

1 Like