I am unable to prioritize one style over another

Tell us what’s happening:

Your code so far


<style>
body {
  background-color: black;
  font-family: monospace;
  color: green;
  
}
  .pink-text{
  color: pink;

}
}
h1{
  pink-text: 
}

</style>
<h1 pink-text>Hello World!</h1>


Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.132 Safari/537.36 Avast/80.0.3621.133.

Challenge: Prioritize One Style Over Another

Link to the challenge:

you have to mention the “class =” or “id =”

1 Like

Thanks. I finally got to fix it, i didn’t create a class in the h1 element initially.

finally mentioned a class

1 Like