How is it wrong?

HTML-CSS
1

Tell us what’s happening:
It won’t change to pink till I change color:green; to color:pink;

Your code so far


<style>
body {
  background-color: black;
  font-family: monospace;
  color: green;
}
.pink-text={color:pink;}
</style>
<h1 class="pink-text">Hello World!</h1>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_4) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1 Safari/605.1.15.

Challenge: Prioritize One Style Over Another

Link to the challenge:

2

you don’t need an equals sign, in the css style line
It should go like this …
.pink-text{
color: pink;
}

3

I did that too. Wasn’t right either

4

This code passes the tests on my end.

If this is not working for you, please ensure you have disabled any extension (such as dark mode) that may access the FCC pages. Failing that, try switching browsers. Chrome is the officially supported browser for the FCC curriculum.