超链接的伪类及如何清除缓存

超链接的伪类：

a:link ——未访问状态
a:visited——已访问状态
a:hover——鼠标悬停状态
a:active——鼠标激活（点击）状态

前方高能请注意：

四个状态同时存在时，有先后顺序： a:link→a:visited→a:hover→a:active
除a:visited外其他超链接伪类任意属性都能设置，但是a:visited只能设置字体颜色属性（color）,此处您是否有很多问号，why?请继续往下看↓

关于a:visited只能设置字体颜色属性这个问题我反复测试了很久，然后还问了老师，老师
只是说我设置的属性太多了，全部去掉只留字体颜色属性就可以了，但是依旧没有解答我的
根本问题，然后便自己百度了一波，发现很多人也遇到这样的困惑，最终找到一篇，他（她）
是通过webkit关于a:visited的文字来解释了这个问题，大致意思就是：“a:visited伪类可
能会暴露用户浏览信息记录，攻击者可能会据此判断用户曾经访问过的网站，造成不必要的损
失，因此这些浏览器决定限制a:visited的功能，所以不是代码的问题，而是浏览器方面的限
制。”
参考作者文章链接：https://www.cnblogs.com/phoenixee/p/5960917.html

关于清除缓存:
当我们给超链接设置伪类的时候我们还会发现一个问题，就是当我们设置完a:link(未访问状态)的字体颜色，及a：visited（已访问状态）的字体颜色之后

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>/* 未访问过的链接颜色 */a:link{color: blue;}/* 已经访问过的链接的颜色 */a:visited{color: red;}</style>
</head>
<body><a href="#">好好学习，天天向上！奥利给！</a>
</body>
</html>

运行：

未访问超链接前：

点击访问超链接后：

刷新（依旧是已经访问过的超链接颜色）：

那么问题来了，刷新后，按照正常逻辑应该显示设置的未访问链接的颜色，但是这个时候我们会发现，依旧是已访问链接颜色，why?因为浏览器缓存问题，清除缓存，就可以显示设置的未访问链接的字体颜色啦~

那么问题又来了，如何清除缓存？

第一步：

第二步：

第三步：

第四步：

再次刷新就是未访问状态超链接颜色啦~您学会了吗，赶紧试试吧！

超链接的伪类及如何清除缓存相关推荐

css_复合选择器_border_css层叠性与覆盖性_background_多标记构图法_行高_文本修饰属性_超链接的伪类_导航制作_Unit_4;
Topic 1 : 复合选择器: 后代选择器: 一个空格表示包含(嵌套)关系,不管空格前后是哪种基础选择器,只要有空格就是后代选择器 1 /*ul li{ background:gre ...
:after伪类+content内容清除浮动
1.简单说说content内容生成 content内容生成就是通过content属性生成内容例如下面这个简单的例子: 此段样式的作用是在每个h2标签的前面添加文字"我是额外文字" ...
a超链接的伪类——特殊的状态
:link--将样式添加到未被访问过的链接,=正常链接(只适用于a标签) :hover--当鼠标悬停在元素上方,向元素添加样式 :active--将样式添加到被激活的元素,点不松手 :visited- ...
关于超链接的四个伪类的一个问题（顺序问题）
在使用超链接的伪类的时候,要使用如下顺序,否则其中的某些效果将会没有效果 [注释:link和visited的顺序无所谓] a:link 设置a对象在未被访问前的样式表属性. ...
html超链接样式顺序,超链接4个伪类 CSS定义超链接样式有什么顺序
超链接的伪类有哪些?分别表示什么含义 a:link {color: #FF0000} /* 未访问的链接 */ a:visited {color: #00FF00} /* 已访问的链接 */ a:ho ...
css修改select选择框option被选中的背景颜色_这 16 个 CSS 伪类，助你提升布局效率！
作者:Chidume Nnamdi 译者:前端小智来源:mediuum 大家都说简历没项目写,我就帮大家找了一个项目,还附赠[搭建教程]. css 伪类是用于向某些选择器添加特殊的效果,是动态的,指 ...
2天驾驭div+css_老婆竟然只知道几个css伪类，不行得惩罚她了
最近在教我老婆学习前端,她说想要学习前端,自己在家赚点外快,自己赚点家用.我也拗不过她,而且其实我也挺佩服的.所以就教她了.最近我想考一考她对css中伪类的了解,所以就问了她了解css多少个伪类,伪类 ...
html链接伪类设置鼠标悬停,链接伪类可以控制超链接的样式吗？是怎样实现的？...
定义超链接时,为了提高用户体验,经常需要为超链接指定不同的状态,使得超链接在点击前.点击后和鼠标悬停时的样式不同.在CSS中,通过链接伪类可以实现不同的链接状态,下面将对链接伪类控制超链接的样式进行详 ...
html怎么使用伪类清除浮动,JS中使用 after 伪类清除浮动实例
以前清除浮动的时候总是在想要清除浮动的元素后面添加或者写在br标签里面来解决,但这样会增加无语义的标签,下面是用after伪类实现,兼容多种浏览器 .clearfix:after{ content: ...

超链接的伪类及如何清除缓存

超链接的伪类及如何清除缓存

超链接的伪类及如何清除缓存相关推荐

最新文章

热门文章