a标签的属性问题！:link不起作用！怎么回事！

最近在学习h5:伪类选择器,发现一个问题

在使用a标签的时候，4个状态设定颜色，:link总是不显示，或者被:visited所替代；
如：
a:link{color: red;}
a:visited{color: green;}
a:hover{color:yellow;}
a:active{color:gray;}
但是我显示出来是绿色，:link并没有起作用，就算把:visited删掉，:link也没有作用！

在网上查有人说是按照lvha的顺序，但是这个只是为了让hover和active属性起作用而设置的，对于link无作用

具体的原因如下：
只有将应用发布才能看到a:link的效果。如果直接在文件系统中，不会反应a:link

什么意思呢，拿新浪的链接来说，就是在你的浏览器上只要点击过新浪的链接那一刻起，就已经将记录注入到浏览器的缓存中了，所以说，是已经被访问过的链接了，即使链接是之前浏览的，代码是后来写的，在这个浏览器打开link还是不会起作用

如果想让link起作用，就要将浏览器的缓存清除，你可以拿一个新的链接做例子，我这里拿新浪的链接演示一下：

代码实例：

您要想自己测试的话复制下面的就好了

<!doctype html>
<html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus®"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Description" content=""><title>Document</title></head><style type="text/css">a:link{color:red}a:visited {color:yellow}a:hover{color:gray}a:active{color:blue}</style><body>伪类选择器的练习:<br>注释：在 CSS 定义中，a:hover 必须位于 a:link 和 a:visited 之后，这样才能生效！<br>注释：在 CSS 定义中，a:active 必须位于 a:hover 之后，这样才能生效！<br><a href="https://www.sina.com.cn/">新浪</a></body>
</html>

浏览器效果:

现在链接显示的是黄色，是因为我之前访问过了，所以下面清除一下最近一个小时浏览器的缓存

不同浏览器清除数据的方式不同，你也可以把所有的数据都清除，我这里就选择了一个小时的
清除之后，再次打开链接看一下效果

新浪的链接变成红色了

你懂了吗？不懂的话，在下方留言，小编会尽力帮你讲解的
如果帮到你了，记得点赞哦！

a标签的属性问题！:link不起作用！怎么回事！相关推荐

html accept属性,input标签accept属性的使用方法及作用
html代码input标签accept属性的使用方法及作用介绍如下: 标签accept属性的定义 accept属性规定了可通过文件上传提交的服务器接受的文件类型. accept属性应该配合type属性 ...
[html] link标签的属性media有哪些值？都有什么作用？
[html] link标签的属性media有哪些值?都有什么作用? 根据w3c的介绍,media属性表示link的链接文档会应用于何种媒介(设备)上.用于为不同的媒介类型规定不同的样式.常用的值为sc ...
React-router（8）Link 标签 to 属性为对象时（路由信息传值）
8.Link 标签 to 属性为对象时(路由信息传值) DEMO地址参考 6.routeInfo.js 在组件里,每个组件的路由数据,都是各自独立的. 在之前分析中,已知: match 属性的值,存 ...
html5常用的属性标签,HTML5常用标签及其属性设置
一.Html5的基本结构网页的内容二.head标签内常用标签 1.meta标签:设置元数据信息(metadata),用来描述HTML文档的信息,为网页提供用户不可见的信息.常用属性: ⑴chars ...
H5新增的标签和属性
声明 Web 世界中存在许多不同的文档.只有了解文档的类型,浏览器才能正确地显示文档. HTML 也有多个不同的版本,只有完全明白页面中使用的确切 HTML 版本,浏览器才能完全正确地显示出 HTML ...
HTML的标签、属性大整理
文章目录一.结构编码类 1.外层 2.头部信息二.内容元素类 1.块级与内联元素特点 2.块级元素 3.内联元素 4.表单元素 5.HTML全局属性本篇全是经过整理的HTML中常用的标签和属性大 ...
HTML常用标签及属性
web准备介绍: w3c:万维网联盟组织,用来制定web标准的机构(组织) web标准:制作网页遵循的规范 web准备规范的分类:结构标准.表现标准.行为标准. 结构:html.表示:css.行为:J ...
php语句过滤掉html标签_php过滤HTML标签、属性等正则表达式
php过滤HTML标签.属性等正则表达式本文是百分网小编搜索整理的使用代码实例给出了过滤HTML内容的正则表达式,具体说明请参阅代码中的注释,感兴趣的朋友一起学习吧!!想了解更多相关信息请持续关注我 ...
[转载] HTML所有标签及其属性汇总
参考链接: HTML <datalist>标签 A ➔ BC ➔ EF ➔ KL ➔ OP ➔ ST ➔ Z 和其它标签HTML 全局属性(可用于任何 HTML 元素) A ➔ B < ...

a标签的属性问题！:link不起作用！怎么回事！

a标签的属性问题！:link不起作用！怎么回事！相关推荐

最新文章

热门文章