Problem with Use CSS Selectors to Style Elements

My code doesn’t pass in all tests
This code is referent for the lesson “Use CSS Selectors to Style Elements” of the course Responsive web Design. I don’t understand why this code doesn’t pass in all tests. The test that fails tells that I need to turn all the h2 html elements into blue.

  **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) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.131 Safari/537.36 Edg/92.0.902.67

Challenge: Use CSS Selectors to Style Elements

Link to the challenge:

You most likely have some sort of extension installed in your browser that is keeping the test from detecting that the h2 has been turned blue. Perhaps some sort of dark mode extension? Disable your extensions until you figure out which one is causing the problem. Your solution is fine, so it will pass once you have the extension disabled.

1 Like

Thanks sir. I disabled the dark reader extension and it works.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.