btcq.net
当前位置:首页 >> A标签的伪类 >>

A标签的伪类

a:link {color: #FF0000} /* 未访问的链接 */a:visited {color: #00FF00} /* 已访问的链接 */a:hover {color: #FF00FF} /* 当有鼠标悬停在链接上 */a:active {color: #0000FF} /* 被选择的链接 */

a 标签对是一个网站的一条信息链接定义的,a:link {} /* 未访问的链接 */a:visited {} /* 已访问的链接 */a:hover {} /* 当有鼠标悬停在链接上 */a:active {} /* 被选择的链接 */

css样式:a{text-decoration:none}a:link {color: #red} a:visited {color: #blue} a:hover {color: #yellow} a:active {color: #green}

a标签有4种不同的状态,也可以对应4种不同的样式.但是,并不代表开发中a标签的这4种状态都需要进行设置.如果不设置a的样式或者只设置a的某些样式,未设置的样式会按照默认样式来显示.资料来源:《HTML5布局之路》

可以给a标签设置颜色点击后例:a:visited{ color:blue;}

伪类是CSS 用于向某些选择器添加特殊的效果. a标签中有四个: link、visited、hover、active 未移入a标签链接时:link 移入a标签链接时:link、hover 点击a标签链接时:link、hober、active 点击后未移入a标签连接时:link、visited 点击后移入a标签连接时:link、visited、hover 点击后再次点击a标签连接时:link、visited、hover、active 这个就是所有组合的样式了. 如果有多个同样的样式,后面的样式会覆盖前面的样式,所以这四个伪类的定义就有顺序的要求了,

直接设置a{},默认就代表了link,visited,hover,active,如果你希望其中一个或几个有不同的表现形式,就另外再定义它就OK了.比如a {color:red;font-size:12px;} 就代表了这个标签无论是显示 、点击 、划过还是点过就一个样子:12字体红色,如果你想在鼠标放上的时候变颜色及放大,可以a:hover {color:blue;font-size:14px;},这样就OK了.再比如你希望超链接只在鼠标划过的时候显示下划线,可以 a {text-decoration:none} a:hover {text-decoration:underline;}

#nav a:link {color: #03F;}#nav a:visited {color: #F0C;}#nav a:hover {color: #F60;}#nav a:active {color: #F00;} 一般只设置两个#nav a{color:#333}; 链接默认颜色#nav a:hover{color:#f60}; 鼠标滑过颜色

a.demo应该知道吧?举个例子<a class="demo" href="#">第一个链接</a><a class="demo2" href="#">第二个链接</a> 两个a标签,但是只想控制第一个链接那个a标签的显示效果,就可以用 a.demo { } 这样来选择只是控制第一个链

css中,a伪类写法: a:link{color:red;text-decoration:none;} a:visited{color:gray;} a:hover{color:yellow;} a:active{color:blue;}

ydzf.net | lhxq.net | 9371.net | lhxq.net | nmmz.net | 网站首页 | 网站地图
All rights reserved Powered by www.btcq.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com