Still wont ework

Tell us what’s happening:

Your code so far


<style>
  body {
    background-color: black;
    font-family: monospace;
    color: pink;
  }
  .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_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.106 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-css/prioritize-one-style-over-another/

You do not have to change the color property in the body tag.
Hope that helps

i have changed it many different ways to see what works and i reall cant find any solution. i did that and still nothing.

Change this to:
color: green;
Does this help?

unfortunately it did no work

You have a colon here which should not be there.

Your h1 element should have the class pink-text.
Your should have a pink-text CSS class that changes the color.
Passed
Your h1 element should be pink.

These are the things i have to do to move forward but it wont lt me. the 1st and third have a green check but the middle wont turn green no matter what i have done.

i have removed the colon and still nothing

Could you post your latest code?

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

Hello World!

Sometimes your HTML elements will receive multiple styles that conflict with one another.

For example, your h1 element can’t be both green and pink at the same time.

Let’s see what happens when we create a class that makes text pink, then apply it to an element. Will our class override the body element’s color: green; CSS property?

Create a CSS class called pink-text that gives an element the color pink.

Give your h1 element the class of pink-text.

thats everything that is in the course

The green color should be given to body element and pink color to class “red-text”

When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make the code easier to read or use the “preformattted text” button.

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



is this correct

Where is period(.) sing used for class declaration?
You are missing that?