Prioritize One Style Over Another hi im stuck, can't move on

Prioritize One Style Over Another hi im stuck, can't move on
0.0 0

#1

Tell us what’s happening:

Your code so far

<style>
  body {
    background-color: black;
    font-family: Monospace;
    color: green;
  }
  .pink-text{
    color: pink;
  }
  h1{
    color: pink;
  }
</style>
<h1 pink-text> Hello World! </h1>```
**Your browser information:**

Your Browser User Agent is: ```Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.181 Safari/537.36```.

**Link to the challenge:**
https://www.freecodecamp.org/challenges/prioritize-one-style-over-another

#2

You are close, but the following is not how you assign a class to an element. You might want to review the previous lesson (in the link below) on how to assign an element a class.

<h1 pink-text>

Also, the following CSS selector is not needed, because the pink-text class does the same thing.

  h1{
    color: pink;
  }

#3

i didn’t understand, ive put the
.pink-text {
color: pink;
} but it still doesn’t work, also ive looked at the link and i think i did the same and still i can’t proceed


#4

Your CSS was fine. All you needed to do is correctly assign the pink-text class to the h1 element. The challenge link I provided you shows you how to assign one ore more classes to an element. For example, if I had the following CSS class:

myClass {
  color: blue;
}

and I had a p element and wanted to assign myClass to the p element (to turn the text color blue), I would write:

<p class="myClass">This text will be blue.</p>