freeCodeCamp Challenge Guide: Prioritize One Style Over Another

freeCodeCamp Challenge Guide: Prioritize One Style Over Another
0

#1

Classes to individual elements take priority over general styles.

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

This makes for a pink h1 instead of a green one.


Prioritize One Style Over Another - incorrect code in solution?
Prioritize One Style Over Another - incorrect code in solution?
#2

I did this exactly and its not working… What do i do?


#3

.pink-text{color: pink;}

Make sure the colon and semi-colon are in the correct place.


#4

Ok. I did, and it worked. I really appreciate it.thanks! Im about to start building my portfolio. Any suggestions?


#6

how come its outside body?