What are pseudo-classes in css

The pseudo-class in css is used to define the special state of the element. It can be used to set the style when the mouse is hovering over the element, set the style when the element gets focus, and can also be used for visited and Unvisited links are styled differently.

The operating environment of this article: windows10 system, css 3, thinkpad t480 computer.

Pseudo-classes in css are used to define special states of elements.

For example, it can be used to:

• Set the style when the mouse is hovering over the element

• is visited Set different styles from unvisited links

• Set the style when the element gets focus

Specific syntax:

selector:pseudo-class {
  property: value;
}

Code sample:

/* 未访问的链接 */
a:link {
  color: #FF0000;
}

/* 已访问的链接 */
a:visited {
  color: #00FF00;
}

/* 鼠标悬停链接 */
a:hover {
  color: #FF00FF;
}

/* 已选择的链接 */
a:active {
  color: #0000FF;
}

Related video sharing:css video tutorial

The above is the detailed content of What are pseudo-classes in css. For more information, please follow other related articles on the PHP Chinese website!