Network Security Internet Technology Development Database Servers Mobile Phone Android Software Apple Software Computer Software News IT Information

In addition to Weibo, there is also WeChat

Please pay attention

WeChat public account

Shulou

How to understand the CSS pseudo-class of CSS that controls the display status of links

2025-04-13 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Development >

Share

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

This article to share with you is about how to understand CSS control link display state CSS pseudo-class, Xiaobian feel quite practical, so share to everyone to learn, I hope you can read this article after some harvest, not much to say, follow Xiaobian to see it.

CSS controls certain states of elements---pseudo-classes (used to add special effects to certain selectors)

Pseudo-class syntax: element label Pseudo-class name {attribute: attribute value;}

a:link: link not visited

a:hover: mouse over link

a:active: mouse down link

a:visited: links visited

If you return to the page after clicking, and there are some effects, add the status L V H A to the link in that order.

CSS classes for custom links:

a. Class name: status (i.e. selector. Class Name: Pseudo Class Name {Attribute: Attribute Value})

The code is as follows:

CSS control links-CSS pseudo-classes

a:link{text-decoration:none; color:#000;}

a:visited{text-decoration:none; color:#6F0;}

a:hover{text-decoration:underline; color:#00F;}

a:active{text-decoration:overline; color:#F00;}

a.web:visited{text-decoration:none; color:#000;}

web design|

graphic design|

Website Front End|

animation design|

software development|

Web Marketing

I can flash.

:focus{attribute: attribute value} Sets the style of the object when it becomes the focus of input (not supported in IE 6/7)

The code is as follows:

CSS control links-CSS pseudo-classes

input{

width:200px;

height:25px;

border:2px solid #FF0;

}

input:focus{

background:#9FF;

}

User Name:

Code:

The above is how to understand CSS control link display state CSS pseudo-class, Xiaobian believes that some knowledge points may be our daily work will see or use. I hope you can learn more from this article. For more details, please follow the industry information channel.

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.

Views: 220

*The comments in the above article only represent the author's personal views and do not represent the views and positions of this website. If you have more insights, please feel free to contribute and share.

Share To

Development

Wechat

© 2024 shulou.com SLNews company. All rights reserved.

12
Report