Tiberiu Ivanoschi
1,484 PointsVisited state property does not apply
I followed the code instructions in my own workspaces and the visited color property of lightblue did not apply to my links. It remains purple. Also, after visiting the links and reloading the project in my browser, the links keep the visited state properties and not change to not visited properties. This happens in Chrome, Mozilla Firefox, Microsoft Edge and Internet Explorer browsers.
I have also tried real links instead of null ones and the visited state does not apply.
Also, I have used the workspaces code corresponding with the video.
a:visited {
color: lightblue;
}
ken loney
1,450 PointsAlso, if this is your code I'm looking at then your focus element needs a type selector. :focus { color: white; background-color: orange; } put an a in front of :focus
Tiberiu Ivanoschi
1,484 Pointsbody {
color: #878787;
margin: 0;
}
h1 {
font-size: 90px;
color: white;
}
h2 {
font-size: 53px;
}
h3 {
font-size: 20px;
color: #48525c;
}
/*ID Selectors*/
#main-footer {
padding-top: 60px;
padding-bottom: 60px;
border-bottom: solid 10px orange;
}
/*Class Selectors*/
.main-header {
background-color: orange;
}
.title {
color: white;
font-size: 26px;
}
.primary-content {
text-align: center;
}
.t-border {
border-top: 2px solid lightgrey;
}
a:link {
color: orange;
}
a:visited {
color: ligthblue;
}
a:hover {
color: forestgreen;
}
a:active {
color: lightcoral;
}
a:focus {
color: white;
background-color: orange;
}
Tiberiu Ivanoschi
1,484 PointsAlso, that was the actual code, but I marked it as HTML so the highlighting didn't work. Apologies :)
2 Answers
KRIS NIKOLAISEN
54,575 PointsYou misspelled lightblue in your CSS.
Tiberiu Ivanoschi
1,484 Pointsoops
ken loney
1,450 Pointsken loney
1,450 PointsCan you post the rest of your CSS? Something is probably conflicting with what you're wanting it to do.