Question: Have a look at our index.html and style.css in the top left hand pane as well as at the preview underneath it . We ask

Have a look at our index.html and style.css in the top left hand pane as well as at the preview underneath it.
We ask you to change the CSS so that:
The nav on the bottom should be different than the one from the top. Use descendant selector to target the li in #footer-nav.
This li should have a style like:
display: inline;
background-color:transparent;
margin:2px;
padding:0px
font-size:80%;
The h2 which has a class of selected should not be in bold like the other selected elements. Instead it should be like:
background-color:lightsalmon;
font-weight:normal;
margin-left:40px;
Again the p which has a class of selected should not be in bold. It should be like this :
background-color:lightsalmon;
font-weight:normal;
margin-left:60px;
color:black;
:
h1> Our main title (:h1:)
p> First paragraph text Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Aliquam vestibulum vel ex at aliquet. Aliquam erat volutpat. Vivamus eleifend rutrum nisi, id imperdiet nisl p
Donec ultricies lacus mi, vitae scelerisque nibh mollis at. Vestibulum sed sollicitudin metus.
Quisque tempor massa ac fringilla mollis. Sed et augue felis. Maecenas eget fermentum sem.
Vivamus imperdiet, sem vitae tincidunt varius, erat lectus facilisis dolor, id ultricies magna eros et justo.
Second paragraph text Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Aliquam vestibulum vel ex at aliquet. Aliquam erat volutpat. Vivamus eleifend rutrum nisi, id imperdiet nisl p
Donec ultricies lacus mi, vitae scelerisque nibh mollis at. Vestibulum sed sollicitudin metus.
Quisque tempor massa ac fringilla mollis. Sed et augue felis. Maecenas eget fermentum sem.
Vivamus imperdiet, sem vitae tincidunt varius, erat lectus facilisis dolor, id ultricies magna eros et justo.
:
 Have a look at our index.html and style.css in the top

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!