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

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。