Override Styles in Subsequent

HTML-CSS
1

Tell us what’s happening:
The text only turns blue if the blue text class is before the pink text class in the header. Am i reading the lesson incorrectly? The way I understand the lesson is that the order in the style section should take precedence over the order listed in the header

Your code so far


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

Your browser information:

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

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-css/override-styles-in-subsequent-css

2

Please disregard, I found it