CSS -- a:link 失效问题及属性选择器

86 阅读 0 评论 57 点赞

我是靠谱客的博主彪壮胡萝卜，最近开发中收集的这篇文章主要介绍CSS -- a:link 失效问题及属性选择器，觉得挺不错的，现在分享给大家，希望可以做个参考。

a:link 失效问题

代码:
在这里插入图片描述

运行结果:
在这里插入图片描述

发现Link2还是默认样式，
可知需加一个链接，有一个值（非空格）；

点击Link1后

在这里插入图片描述
样式没有了，因为已经被访问过了。
那怎么才能让他重新又产生样式呢。
把浏览器的历史记录删除就可以了。
或者重新给一个新的链接。

其他：

a:visited ：已被访问状态。
a:link ：未访问状态。
a:hover ：鼠标悬停状态，当鼠标移动到链接上
a:active ：用户激活，当你鼠标选定该元素
语法

~= 包含
在这里插入图片描述

再看下面的 *=包含
在这里插入图片描述

这个达到了预期，包含标题的属性都生效了。没有空格间隔的限制

还有属性title的作用是，当鼠标悬浮在其元素上时，显示提示文字，如下
在这里插入图片描述

以上就是彪壮胡萝卜为你收集整理的CSS -- a:link 失效问题及属性选择器的全部内容，希望文章能够帮你解决CSS -- a:link 失效问题及属性选择器所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。