Shulou(Shulou.com)06/02 Report--

This article mainly introduces "how to use css3 link pseudo-class". In daily operation, I believe many people have doubts about how to use css3 link pseudo-class. The editor consulted all kinds of materials and sorted out simple and easy-to-use methods of operation. I hope it will be helpful to answer the doubts about "how to use css3 link pseudo-class". Next, please follow the editor to study!

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

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

What is a css link pseudo-class?

The css link pseudo-class is the css built-in class, and css itself gives it some features and functions to add special effects to the link.

The css link pseudo class is used to add special effects to the link.

CSS pseudo-classes are used to add some special effects of selectors to add styles to existing elements when they are in a certain state, which changes dynamically according to user behavior.

Several pseudo-class elements for linking

Link-- uses this to style unaccessed links

Visited-- uses this to set the style of links that have been accessed

Hover-- is used to set the style of hovering the mouse over the link

Active-- is used to set the style from when the mouse clicks on the link to when the mouse is released

Focus-- is used to set the style when you use the keyboard to focus on the link (such as when you use the tab key or the up and down keys to move the focus of the page)

Normal unvisited links

A:link {text-decoration: none;}

Links that have been visited

A:visited {text-decoration: none;}

Mouse-over (hover) links

A:hover {text-decoration: none;}

The link being clicked has not been released by pressing the mouse over the element.

A:active {text-decoration: none;}

The color displayed when the mouse is released when the focus is obtained.

A:focus {text-decoration: none;} at this point, the study on "how to use css3 link pseudo-classes" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.