Override styles in subsequent css HTML CSS

Tell us what’s happening:
Your h1 element should be blue is the test i keep failing

  **Your code so far**

<style>
body {
  background-color: black;
  font-family: monospace;
  color: green;
}
.pink-text {
  color: pink;
}
</style>
<h1 class="pink-text blue-text">Blue!</h1>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Linux; Android 10; TECNO BC2c) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/99.0.4844.73 Mobile Safari/537.36

Challenge:

Link to the challenge:

THIS TUTORIAL ASKS US TO:
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.


SO WE CREATE A CLASS SELECTOR CALLED: .BLUE-TEXT
and we place it under the .pink text class selector.

Screenshot 2022-03-31 5.33.03 PM

And then style the .blue-text with a blue color.




NEXT THE TUTORIAL ASK US TO:

Apply the blue-text class to your h1 element in addition to your pink-text class

Screenshot 2022-03-31 5.33.19 PM

WHICH YOU HAVE ALREADY DONE CORRECTLY .

1 Like

Thanks so much bro :slightly_smiling_face:

1 Like

No problem, Bro.

Keep working hard.
It will become Easier to understand the Code and Tutorials Soon.
Stick with this.

1 Like

I will thanks bro
Really appreciate your words of encouragement :slightly_smiling_face: