2016 - 2024

感恩一路有你

超链接四个伪类状态 超链接的伪类有哪些?分别表示什么含义?

浏览量:3755 时间:2021-03-13 21:42:21 作者:admin

超链接的伪类有哪些?分别表示什么含义?

a:Link{color:#ff0000}/*未访问链接*/a:visted{color:#00ff00}/*已访问链接*/a:hover{color:#FF00FF}/*鼠标悬停在链接上*/a:active{color:#0000ff}/*选定链接*/以上定义了未访问超链接时的链接样式,即已访问链接样式,将鼠标分别放在链接样式和选定链接样式上。之所以称之为伪类,是因为它不是真类。普通类以点开头,后跟名称,以冒号开头,后跟状态限定符。例如,第三个a:hover样式仅在鼠标移到链接上时生效,而a:visited仅在已访问的链接上生效。伪类使得用户体验大大提高。例如,我们可以设置属性,例如在鼠标上移时更改颜色或下划线,以告诉用户您可以单击

以超链接a为例:a:active/a:link/a:visted/a:hover。这是四种伪类,它们代表链接,link:连接的正常状态,active:当连接被按下时访问:当连接被访问后,悬停:当你把鼠标放在连接上,如果你想设置未访问的超链接的颜色,你可以直接设置一个链接的CSS,然后将访问的样式设置为其他样式,以区分未访问和已访问的区别

伪类使用超链接a标签,a:link{color:#ff0000}T/T/*未访问的链接*/a:visted{color:#00ff00}T/*已访问的链接*/a:hover{color:#FF00FF}T/*将鼠标移到链接上*/a:active{color:#0000ff}T/*选定链接*/您只需要使用第一个和第二个链接,设置的颜色相同。

超链接四个伪类状态 a超链接里面的属性 超链接标记a的伪类

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。