Font Color is related to first Style Color not the Second

HTML-CSS
1

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
2

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
3

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

1 Like
4

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
5

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.