my css no.27 not run.

[pradhanlilima97]

Tell us what’s happening:
Describe your issue in detail here.

  **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; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/95.0.4638.69 Safari/537.36

Challenge: Override Styles in Subsequent CSS

Link to the challenge:

freeCodeCamp.org

[jwilkins.oboe]

Hi @pradhanlilima97 !

Welcome to the forum!

Reread the directions very carefully here.
However, the order of the class declarations in the <style> section is what is important. The second declaration will always take precedence over the first.

Take a look at what you wrote here.

@pradhanlilima97

.blue-text {
  color: blue;
}
.pink-text {
  color: pink;
}

Right now you are telling the computer that the .pink-text takes precedence over the
.blue-text

You will need to change the order to pass the test.