I need an answer for Override All Other Styles by using Important


  body {
    background-color: black;
    font-family: Monospace;
    color: green;
  }
  #orange-text {
    color: orange;
  }
  .pink-text {
    color: pink;
  }
  .blue-text {
    color: blue;
  }
  .pink-text {
    color: pink !important;
</style>
<h1 id="orange-text" class="pink-text blue-text" style="color: white">Hello World!</h1>

Your browser information:

Your Browser User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.101 Safari/537.36.

Link to the challenge:
freeCodeCamp 2

Learn to code with free online courses, programming projects, and interview…
Learn to code with free online courses, programming projects, and interview preparation for developer jobs.

Reply

created
Aug '17
last reply
Aug '17
2
replies
115
views
2
users
1
link

ShangeeAug '17
pls sent correct answer

Reply

kevcomediaI’m a catAug '17
You’re just missing a closing } in your CSS. Look closely at your rules for .pink-text.

Reply
Bookmark Share Reply
You will be notified if someone mentions your @name or replies to you.

Suggested Topics
Topic Category Replies Views Activity
Redux: Handle an Action in the Store new
Help
2 9 42m
Cash Register - recursive function call new
Help
0 6 1h
Handle an Action in the Store about twice assignment new
Help
1 11 1h
Connect Redux to the Messages App new
Help
1 10 1h
Semrush PHP API new
Help
14 31 1h
There are 171 new topics remaining, or browse other topics in
Help
Welcome to The freeCodeCamp Forum — thanks for starting a new conversation!

Does the title sound interesting if you read it out loud? Is it a good summary?Tell us what’s happening:

Your code so far


<style>
  body {
    background-color: black;
    font-family: monospace;
    color: green;
  }
  #orange-text {
    color: orange;
  }
  .pink-text {
    color: pink;
    color: red !important;
  }
  .blue-text {
    color: blue;
  }
</style>
<h1 id="orange-text" class="pink-text  blue-text" style="color: white">Hello World!</h1>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.87 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-css/override-all-other-styles-by-using-important

the instructions were not followed, that is why the challenge is not passing. Here are the instructions gain:
Let’s add the keyword !important to your pink-text element’s color declaration to make 100% sure that your h1 element will be pink.

I’ve edited your post for readability. When you enter a code block into the forum, precede it with a line of three backticks and follow it with a line of three backticks to make easier to read. See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.

markdown_Forums