The code is correct but,there is a bug

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:

User Agent is: Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4147.135 Safari/537.36.

Challenge: Prioritize One Style Over Another

Link to the challenge:

Hey Pera,

You missed a closing curly bracket " } " here

try again after putting a " } " between

green;

and

.pink-text

Cheers

1 Like

You have a CSS rule inside of a CSS rule. Sometimes this will produce a result that seems OK, but this isn’t valid CSS. You need to put your new rule below the body rule but inside the style tags.

1 Like