Override Styles in Subsequent CSS problem with color

HTML-CSS
1

Hi,
I have problem with this task, I think my solution are right but when i press run the task I have a communicate:
Your h1 element should be orange.

What’s wrong?
I have a similar problem in task Inherit Styles from the Body Element and
Override Styles in Subsequent CSS
Your code so far


<style>
body {
  background-color: black;
  font-family: monospace;
  color: green;
}
.pink-text {
  color: pink;
}
.blue-text {
  color: blue;
}

#orange-text {
color: orange;
}
</style>
<h1 class="pink-text blue-text" id ="orange-text">Hello World!</h1>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.100 Safari/537.36.

Challenge: Override Class Declarations by Styling ID Attributes

Link to the challenge:
https://www.freecodecamp.org/learn/responsive-web-design/basic-css/override-class-declarations-by-styling-id-attributes

2

try without space here - spaces are wrong there

3

The same : Your h1 element should be orange.:frowning:

Capture
Capture752×557 18.8 KB

4

do you have a dark mode extension for your browser?
what browser are you using?

if you open the browser and run tests do you see any errors?

5

Yes i have dark mode extension for my browser, I using chrome (ver 77.0.3865.120 )
If I open browser and go to the task and run the test with my code I have color error.
Thats it.

6

what happens if you switch off the dark mode extension?

sorry, here I meant browser console

7

Holy shit:)
I remove extension ( because when I switch off problem still existed. and code worked:)
Thanks but it’is interesting

8

there should be a dark mode extension that you can switch on in the settings

if there is not it will return soon!