Explore 100's Of Free Video Tutorials

Keep Learning, Keep Coding & Keep Sharing

CSS

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