Prioritize One Style Over Another help please

Prioritize One Style Over Another help please
0

#1

Tell us what’s happening:

Your code so far


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

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) 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


#2

Give your h1 element the class of pink-text.

The pink-test class should be in the existing h1 with the Hello World text. No need to create a second h1 element.

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

Here you’ll add a new CSS rule for the pink-text class. That’s where the color: pink; style is to be added, not in body


#3

can you explain about where I must put color:pink pleease


#4

thanks ,i understood!)