freeCodeCamp Challenge Guide: Override All other Styles by using Important

freeCodeCamp Challenge Guide: Override All other Styles by using Important
0

#1

In many situations, you will use CSS libraries. These may accidentally override your own CSS. So when you absolutely need to be sure that an element has specific CSS, you can use !important.

An example of how to do this is: color: red !important; This will make sure that we use the wanted property regardless of other overrides.

body { background-color: black; font-family: Monospace; color: green; } #orange-text { color: orange; } .pink-text { color: pink!important; } .blue-text { color: blue; }

Hello World!


#2

Hello

I have been working on this challenge (challenge 58) and it is saying that i have not done a step when i believe that i have

it is saying that i have not put in the !important after pink in pink-text

plz help

body { background-color: black; font-family: Monospace; color: green; } #orange-text { color: orange; } .pink-text { color : pink !important; } .blue-text { color: blue; }

Hello World!


#3

i just put that in for mine & it works.


#4

same problem any suggestions


#5

That appears to be correct. Since we are modifying the class statement I would look at the class call in the h1 brackets for the error.


#6

I have the same problem… with only some people having the problem I think its a spelling error. This program is very sensitive.


#7

I GOT IT!!! DO A LOWER CASE “I” Example: !important NOT !Important


#8

Had the same problem. Do a small cap for “!important” and make sure there is no space between “!important” and the semi-colon. That should give you the swoosh


#9

**Just write it as it appears in the instruction, no space no Cap and it should be in the same line ! ** color:pink !important;