2016 - 2024

感恩一路有你

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

浏览量:3030 时间:2021-03-14 07:30:15 作者: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代码为text-d生态:无添加它指向超链接的四种状态。但是请注意,这四个状态的写入顺序必须如下:A:link{text-d}生态:无}/*超链接状态*/A:已访问{text-d}生态:无}/*正在单击的超链接的状态*/A:hover{text-d}生态:无}/*鼠标悬停在超链接上的状态*/A:活动{text-d}生态:无}/*鼠标点击状态Hyperlink*/希望对您有用

首先,CSS通过伪类设置超链接样式。CSS调用这些链接状态伪类选择器。在CSS思维模式中,“true”class属性由class=属性显式指定,而伪类选择器由(:hover:visited:link:active)指定。具体含义和顺序如下:A:link是链接的正常状态,A:Visited是访问状态,A:hover是鼠标悬停在链接上,A:active是选中的链接。伪类名对大小写不敏感,但它们是按定义顺序排列的。:hover必须放在:link和:visited之后才有效,而:active必须放在:hover之后才有效。如果未指定伪类,则默认值为:link。R

伪类使用超链接一个标签,a:link{color:{ff0000}T/T/*未访问的链接*/a:visited{color:{00ff00}T/*已访问的链接*/a:hover{color:{FF00FF}T/*鼠标悬停在链接上*/a:active{color:{0000ff}T/*选中的链接*/您只需要使用第一个和第二个链接,设定的颜色是一样的。

超链接4个伪类 超链接的四种状态分别是 css设置超链接的四种状态

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