Explore 100's Of Free Video Tutorials

Keep Learning, Keep Coding & Keep Sharing

CSS

Introduction to CSS Pseudoclasses

Notes:

Intro to Pseudo Class Selectors (Colon)
Pseudo class selectors are used to select HTML elements based on their current status and apply styles on them.

Syntax of Pseudo Class Selector:
selector: pseudo class keyword
{
declaration list;
}
It selects any HTML element targeted by the selector, and applies specified styles based on the pseudo class keyword used

Syntax for “hover” pseudo class selector:
selector : hover
{
declaration list;
}
It selects any HTML element targeted by the selector, if its status is hovered (on mouse over)

Ex:
a:hover
{
background-color : orange;
}
It selects any anchor element, if its status is hovered

Interview Questions: