CSS中:visited的隐私保护

时间 2019-11-21

标签 css visited 隐私保护栏目 CSS 繁體版

原文原文链接

CSS 伪类 (Pseudo-classes)
锚伪类：在支持 CSS 的浏览器中，连接的不一样状态均可以不一样的方式显示，这些状态包括：活动状态，已被访问状态，未被访问状态，和鼠标悬停状态。css

a:link {color: #FF0000}       /* 未访问的连接 */
a:visited {color: #00FF00}   /* 已访问的连接 */
a:hover {color: #FF00FF}   /* 鼠标移动到连接上 */
a:active {color: #0000FF}   /* 选定的连接 */
对于a标签的使用常常经过伪类来改变样式，好比hover悬停后的background背景，font-size字体大小，text-decoration文本样式（none去下划线），color字体颜色等，可是在:visited下却没法改变这么多样式。html

复制代码
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="UTF-8">
5 <title></title>
6 <style type="text/css">
7 .fi:hover{
8 text-decoration: none;
9 color: green;
10 font-size: 20px;
11 background-color: red;
12 border: 1px solid black;
13 }
14 .se:visited{
15 text-decoration: none;/*无效*/
16 color: green;
17 font-size: 20px;/*无效*/
18 background-color: red; /*这个按理来讲应该有效*/
19 border: 1px solid black;/*无效*/
20 }
21 </style>
22 </head>
23 <body>
31 <a href="#qwe" class="fi">123465</a><br />
32 <a href="#aasd" class="se">7890</a>
33 </body>
34 </html>
<div class="bottom_soft_link">
　　<a target="_blank" class="bottom_soft_link_ios" href="xxx.com" title="客户端苹果手机APP下载">iOS下载</a>
　　<a target="_blank" href="http://www.sjzqcp.com/" title="石家庄客运总站">石家庄客运总站</a>
　　</div>ios