Https://www.freecodecamp.org/learn/responsive-web-design/basic-css/override-styles-in-subsequent-css

HTML-CSS
1

Hi guys, i am stuck on this challenge. It says my error is that my h1 element should be blue. But, i can’t see what i have done wrong. Please can someone help? :grinning:

Your code so far


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

.blue-text{
  color: blue;
}
}
</style>
<h1 class="pink-text blue-text">Hello World!</h1>

Your browser information:

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

Challenge: Override Styles in Subsequent CSS

Link to the challenge:

2

Minor issue! you forgot to wrap the class selector ".pink-text" with a corresponding closing bracket.

3

To be a little more accurate, you put the .blue-text declaration before the closing brace for .pink-text.

4

That fixed it, thanks for your help

5

Thanks!! It’s working now

1 Like
6

Congratulations. Happy coding!

1 Like