nynw.net
当前位置:首页 >> CSS如何设置超链接被点击后变个样式 >>

CSS如何设置超链接被点击后变个样式

使用:visited伪类选择器 如下设置页面上所有超链接标记点击后的字体颜色为红色 a:visited{ color:red;}

点击后链接样式的设置是 a:visited {color: #00FF00}下面是比较详细的解释。推介你一个 网站 语言学习的 网址、 http://www.w3school.com.cn 还有很多实例 锚伪类在支持 CSS 的浏览器中,链接的不同状态都可以不同的方式显示,这些状态包括:活...

.div1 a:link {color: blue} /* 未被访问的链接 蓝色 */ .div1 a:visited {color: blue} /* 已被访问过的链接 蓝色 */ .div1 a:hover {color: blue} /* 鼠标悬浮在上的链接 蓝色 */ .div1 a:active {color: blue} /* 鼠标点中激活链接 蓝色 */ ...

a:link {color: #FF0000} /* 未访问的链接 */ a:visited {color: #00FF00} /* 已访问的链接 */ a:hover {color: #00FF00} /* 鼠标移动到链接上 */ a:active {color: #00FF00} /* 选定的链接 */

选择器:visited{}

把a:visited去掉 用js操作 a function aaa(obj){ $(obj).css('color','xxx'); $('a').css('color','ooo'); }

先一个例子,比如说下面这段代码:

a:link {color: #000000} /* 未访问的链接 */ a:visited {color: #d90a81} /* 已访问的链接 */ a:hover {color: #d90a81} /* 当有鼠标悬停在链接上 */ a:active {color: #d90a81} /* 被选择的链接 */

未访问、已访问、悬浮和活动链接,并设置它们的样式: a:link { color:blue; }a:visited { color:blue; }a:hover { color:red; }a:active { color:yellow; }

CSS中通过四个伪类来定义链接的样式,分别是:a:link 链接默认的样式a:visited 链接已被访问过时的样式a:hover 鼠标悬浮在链接上的样式a:active 点击链接时候的样式 一般定义这四种样式的是“LVHA”的顺序来写样式,不然可能出现样式覆盖问题; 定...

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