Font Color is related to first Style Color not the Second

Tell us what’s happening:

The Font Color in the Output is related to the First Color not Second What Can I DO :frowning:

Your code so far


<style>
body {
  background-color: black;
  font-family: monospace;
  color: green;
}
.blue-text {
  color: blue;
.pink-text {
  color: pink;
}
</style>
<h1 class="pink-text blue-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/88.0.4324.104 Safari/537.36.

Challenge: Override Styles in Subsequent CSS

Link to the challenge:

1 Like

You have to add a "} " after setting the color property of the blue-text class. Also make sure to follow the order of the classes as is instructed in the challenge.

1 Like

I delet it and same same , can You try it Yourself :slight_smile:

1 Like

You need to post your current code.

If you fixed the selector, my guess is you still have the wrong order of selectors.

Create an additional CSS class called blue-text that gives an element the color blue. Make sure it’s below your pink-text class declaration.

2 Likes