css-a:visited

如下代码:

<a href="#">链接地址</a>

如果属性 href的设置为‘#‘,则鼠标滑过(即使没有点击‘,也算成‘visited‘.而对于 href属性值不为‘#‘,即有具体指向,则是鼠标点击后,才是‘visited‘状态.

时间： 2024-12-04 17:24:57

css-a:visited的相关文章

CSS中:visited的隐私保护

CSS 伪类 (Pseudo-classes) 锚伪类:在支持 CSS 的浏览器中,链接的不同状态都可以不同的方式显示,这些状态包括:活动状态,已被访问状态,未被访问状态,和鼠标悬停状态. a:link {color: #FF0000} /* 未访问的链接 */ a:visited {color: #00FF00} /* 已访问的链接 */ a:hover {color: #FF00FF} /* 鼠标移动到链接上 */ a:active {color: #0000FF} /* 选定的链接 */

css基础 a:link/visited... 链接伪类选择器

礼悟:    公恒学思合行悟,尊师重道存感恩.叶见寻根三返一,江河湖海同一体.          虚怀若谷良心主,愿行无悔给最苦.读书锻炼养身心,诚劝且行且珍惜.              ide:visual studio 2017             browser:Chrome                     os:win7 代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8&qu

目前比较全的CSS重设(reset)方法总结

在当今网页设计/开发实践中,使用CSS来为语义化的(X)HTML标记添加样式风格是 重要的关键.在设计师们的梦想中都存在着这样的一个完美世界:所有的浏览器都能够理解和适用多有CSS规则,并且呈现相同的视觉效果(没有兼容性问题). 但是,我们并没有生活在这个完美的世界,现实中发生的失窃却总是恰恰相反,很多CSS样式在不同的浏览器中有着不同的解释和呈现. 当今流行的浏览器(如:Firefox.Opera.Internet Explorer.Chrome.Safari等等)中,有一些都是以自己的方式去

Css Rest 方法

在当今网页设计/开发实践中,使用CSS来为语义化的(X)HTML标记添加样式风格是 重要的关键.在设计师们的梦想中都存在着这样的一个完美世界:所有的浏览器都能够理解和适用多有CSS规则,并且呈现相同的视觉效果(没有兼容性问题). 但是,我们并没有生活在这个完美的世界,现实中发生的失窃却总是恰恰相反,很多CSS样式在不同的浏览器中有着不同的解释和呈现. 当今流行的浏览器(如:Firefox.Opera.Internet Explorer.Chrome.Safari等等)中,有一些都是以自己的方式去

HTML,DIV+CSS,js,JQ,UI-WEB前端设计经验

目前比较全的CSS重设(reset)方法总结 在当今网页设计/开发实践中,使用CSS来为语义化的(X)HTML标记添加样式风格是重要的关键.在设计师们的梦想中都存在着这样的一个完美世界:所有的浏览器都能够理解和适用多有CSS规则,并且呈现相同的视觉效果(没有兼容性问题).但是,我们并没有生活在这个完美的世界,现实中发生的失窃却总是恰恰相反,很多CSS样式在不同的浏览器中有着不同的解释和呈现. 当今流行的浏览器(如:Firefox.Opera.Internet Explorer.Chrome.Sa

HTML(入门第二课)

HTML表单(表单不能嵌套表单 html----->属于结构层): 表单主要作用在于网页上提供一个图形用户界面,以采集和提交用户输入的数据. 最小的表单格式:<form>标记有如下最小格式: <form action="表单处理程序的URL" method="post||get"></form> 代码演示: <form action="#" method="post">&l

简单介绍几个CSSReset的方法

对于小型的网站来说,用这个并不会带来大的资源浪费,但如果是像Yahoo这种架构非常大的网站,必须要有选择地进行CSS重设,以减 少资源浪费.正在使用CSS的你,用过CSS Reset吗?当然,或许你用了,却不知道正在用,比如你可能经常用到:程序代码 * { padding: 0; margin: 0; border: 0; } 这也是一款CSS Reset的方法,让所有的选择器的padding.margin和border都设置成0. 这是一种强大的方法,也是最简单,最安全的方法,不过,也是 最占

超链接访问后hover样式不出现的问题解决办法

问题 <a href="#">超链接访问后hover样式不出现的问题</a> <style type="text/css"> a:hover{ color: red; } a:visited{ color: #ccc; } </style> 上面这段代码a标签被访问过后,hover的样式就不在出现,原因是将a:hover和a:visited的顺序放错了 正确的伪类顺序为: <style type="te

第七次随笔

这周用HTML做了个网页,代码如下: <!doctype html><html><head><meta charset="utf-8"><title>The Finals</title><link href="configuration/index.css" rel="stylesheet" type="text/css"><link r

DIV制作浮在页面的窗口

<html> <head> <title>DIV制作浮在页面的窗口丨Daniel wellington</title> <style type='text/css'> <!-- a:visited{text-decoration:none;color:slategray;} a:hover{text-decoration:underline;color:slategray;} a:link{text-decoration:none;colo