Prioritize One Style Over Another-Im stuck!

Prioritize One Style Over Another-Im stuck!
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";}
</style>
<h1 class="pink-text">Hello World!</h1>

Your browser information:

Your Browser User Agent is: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:55.0) Gecko/20100101 Firefox/55.0.

Link to the challenge:


#2

The quotes around color:pink; are not needed.


#3

You don’t have to put quotes around CSS properties or values.

.pink-text{"color: pink";} /* WRONG */

Put it like this:

.pink-text {
color: pink;
}

Also, don’t write CSS rules in a single line. Break it down to multiple lines.


#4

thank you guys:grin: