CSS Styling Part 9 Help


#1

This is my code:

.nav a {
  color: #5a5a5a;
  font-size: 11px;
  font-weight: bold;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 10px;
  padding-right: 10px;
  text-transform: uppercase;
}
.jumbotron {
    background-image: url('https://goo.gl/04j7Nn');
    height: 500px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Shift', sans-serif
}
.learn-more {
    background-color: #f7f7f7;
    font-family: 'Shift', sans-serif;
    font-size: 18px
    font-weight: bold;
    color: #00b0ff;

But on the color part on learn-more it says:
Oops, try again. Set the color of the a elements inside

..
to #00b0ff
What do i do?

#2

This is not according to the instructions.

.learn-more {
    background-color: #f7f7f7;
    font-family: 'Shift', sans-serif;
    font-size: 18px
    font-weight: bold;
    color: #00b0ff;

We need to go back a couple of lessons...

Lesson 7:

Instructions
In main.css
Make a new CSS rule that uses the class selector .learn-more
Set the background-color to #f7f7f7

So this would look like,

.learn-more {
    background-color: #f7f7f7;
}

Lesson 8

Instructions
Make a new CSS rule that selects the h3 element inside <div class="learn-more">..</div>
Set font-family to 'Shift', sans-serif
Set the font-size to 18px
Set the font-weight to bold

So now we have this selector rule...

.learn-more h3 {
    font-family: Shift, sans-serif;
    font-size: 18px;
    font-weight: bold;
}

Lesson 9

Instructions
Make a new CSS rule that selects the a element inside <div class="learn-more">..</div>
Set the color to #00b0ff

Which gives us one more selector rule...

.learn-more a {
    color: #00b0ff;
}

#3

The
.learn-more a {
color: #00b0ff;
}

didnt work for me o_o