Prioritizing One Style Over Another

i cant seem to get this stage right. please i need help :

  **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 (Windows NT 6.1; rv:85.0) Gecko/20100101 Firefox/85.0.

Challenge: Prioritize One Style Over Another

Link to the challenge:

@Nazaadimoha

color: green;

That should be

color: pink;

Hope this helps you

Thanks

You have placed your pink-text selector inside the body selector.
It should stand on its own.

You write .pink-text inside of body style.
Vanilla css doesn’t support this way.

You must write like this:

body {
  background-color: black;
  font-family: monospace;
  color: green;
}

  .pink-text {
    color: pink;
  }

Thanks a lot friend… It did help

@Nazaadimoha

Glad It helped you

Please mark as solution if it resolved your issue

Thanks

Alright will do that

My code still fails the test even though it is correct

If you have a question about a specific challenge as it relates to your written code for that challenge, just click the Ask for Help button located on the challenge. It will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

Thank you, will try that