Basic CSS - Use CSS Selectors to Style Elements

There some problem with the page I think.

  **Your code so far**
  color: blue;
<p>Click here to view more <a href="#">cat photos</a>.</p>

<a href="#"><img src="" alt="A cute orange cat lying on its back."></a>

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

<form action="">
  <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>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:103.0) Gecko/20100101 Firefox/103.0

Challenge: Basic CSS - Use CSS Selectors to Style Elements

Link to the challenge:

Can you be a little more specific? Your HTML is passing for me. Is it not passing for you? Are you getting any messages in the console?


  • Passed: The style attribute should be removed from your h2 element.

  • Passed: You should create a style element.

  • Failed: Your h2 element should be blue.

  • Passed: Your stylesheet h2 declaration should be valid with a semicolon and closing brace.

Passed: All your style elements should be valid and have closing tags.

Do you have any browser extensions installed that change the colors on the page, such as a dark mode extension? If so, try turning them off.

Yes. the Dark Reader addone create some sorf of conflict. Thanks for the help.