What are the css3 link pseudo-classes?

There are 5 css3 link pseudo-classes, namely: 1. ":link", which sets the style of links that have not been visited; 2. ":visited", which sets the style of links that have been visited; 3. , ":hover", set the style of hovering the mouse on the link; 4. ":active"; 5. ":focus".

The operating environment of this tutorial: Windows 7 system, CSS3&&HTML5 version, Dell G3 computer.

What is the css link pseudo-class?

css link pseudo-class is a built-in class in css. CSS itself gives it some features and functions to add special effects to links.

css link pseudo-class is used to add special effects to links.

CSS pseudo-classes are used to add some special effects of selectors. They are used to add corresponding styles to existing elements when they are in a certain state. This state changes dynamically based on user behavior.

Several pseudo-class elements for links

• :link--Use this to set the style of unvisited links

• :visited--Use this to set the style of the link that has been visited

• :hover--Use this to set the style of hovering the mouse over the link Style

• :active--used to set the style from when the mouse clicks on the link to when the mouse is released

• :focus--used to set the style The style when using the keyboard to focus on the link (such as using the tab key or the up and down keys to move the page focus)

Normal unvisited link

a:link {
    text-decoration: none;
}

Already visited links

a:visited {
    text-decoration: none;
}

Links that the mouse has crossed (stayed on)

a:hover {
    text-decoration: none;
}

The links that are being clicked, the mouse has not been released on the element

a:active {
    text-decoration: none;
}

The color displayed when the mouse is released when the focus is gained

a:focus {
    text-decoration: none;
}

(Learning video sharing: css video tutorial)

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