How do I set the color to green when someone visits the anchor elements in the u
ID: 3840093 • Letter: H
Question
How do I set the color to green when someone visits the anchor elements in the unordered list.(use a pseudo class)
Also how to change the the color of what is lorem Ipsum back to the normal black in the body section because for some reason it shows as a blue?
<style>
article, header, nav, section{
display:block;
}
body {
margin:0px;
margin: auto;
display: inline;
background-color:#D0C6B1;
}
article{
width:960px;
margin-left:auto;
margin-right:auto;
}
p{
line-height:1.5em;
padding-bottom:1em;
}
.line{
height:1px;
background-color:#000000;
border-bottom:1px solid #000000;
margin:1em 0;
}
ul li,ul li a:visited{
display: inline-block;
font-weight: bold;
padding:0 5px;
}
article header{
font-size:1.5em;
}
article section{
font-size:1em;
}
nav{
border:1px solid #000000;
-moz-box-shadow:0 1px 1px #000000;
-webkit-box-shadow:0 1px 1px #000000;
box-shadow:0 1px 1px #000000;
background-color:#EBB035
}
nav, article, nav ul li a,figure{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
.body{
border:1px solid #000000;
-moz-box-shadow:0 1px 1px #000000;
-webkit-box-shadow:0 1px 1px #000000;
box-shadow:0 1px 1px #000000;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
background-color:#ADD8E6
}
h1{
text-align:center;
}
a {
color:#3366BB ;
}
a:visited {
color:00FF00 ;
</style>
Explanation / Answer
<style>
article, header, nav, section{
display:block;
}
body {
margin:0px;
margin: auto;
display: inline;
background-color:#D0C6B1;
}
article{
width:960px;
margin-left:auto;
margin-right:auto;
}
p{
line-height:1.5em;
padding-bottom:1em;
}
.line{
height:1px;
background-color:#000000;
border-bottom:1px solid #000000;
margin:1em 0;
}
ul li,ul li a:visited{
display: inline-block;
font-weight: bold;
padding:0 5px;
}
article header{
font-size:1.5em;
}
article section{
font-size:1em;
}
nav{
border:1px solid #000000;
-moz-box-shadow:0 1px 1px #000000;
-webkit-box-shadow:0 1px 1px #000000;
box-shadow:0 1px 1px #000000;
background-color:#EBB035
}
nav, article, nav ul li a,figure{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
.body{
border:1px solid #000000;
-moz-box-shadow:0 1px 1px #000000;
-webkit-box-shadow:0 1px 1px #000000;
box-shadow:0 1px 1px #000000;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
background-color:#ADD8E6
}
h1{
text-align:center;
}
a {
color:#3366BB ;
}
a:visited {
color:#00FF00 ;
</style>
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.