CSS: Pseudo Class

What is Pseudo-Class

Pseudo-Class means the state of an element, such as in-focus, mouse hovering, clicked, checkbox checked, empty content, language spec, first child, etc.

The idea is like a fake Class Attribute to indicate state.

Example

a:link {
 text-decoration: none;
}

a:visited {
 text-decoration: none;
}

a:hover {
 background-color: pink;
}

List of Pseudo-Class Selectors

• CSS: pseudo-class selector (:)