CSS class not registering to HTML element

Tell us what’s happening:

The CSS class .pink-text is not registering to the html element as the font color remains green instead of changing to pink. As far as i can tell the code is written correctly.

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:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.163 Safari/537.36.

Challenge: Prioritize One Style Over Another

Link to the challenge:

a = 16;

would set a to hold a value of 16

class : "pink-text

would just say there is a class and a pink text
so would the next time we call it hold pink text?

.pink-text {
  color: pink;
}

You have a typo here…it wouldn’t be a colon when setting the attribute name to something