CSS Navigation pseudoclasses - Part 1
Notes:
CSS - Pseudo Class Selectors (Navigation):
1.
selector : link
{
declaration list;
}
It selects any html element targeted by the selector, if its status is un-visited (or default)
Ex:
a:link
{
text-decoration : none;
}
It selects any anchor element, if its status is un-visited
2.
selector : hover
{
declaration list;
}
It selects any html element targeted by the selector, if its status is hovered (on mouse over)
Ex:
a:hover
{
border-bottom : 5px solid blue;
}
It selects any anchor element, if its status is hovered
3.
selector : visited
{
declaration list;
}
It selects any html element targeted by the selector, if its status is visited (on click and page visit)
Ex:
a:visited
{
color : green;
}
It selects any anchor element, if its status is visited
Interview Questions:
1. Which pseudo class indicates un-visited state of the link?
a. visited
b. link
c. un-visited
d. unvisited
Answer: b
