超連接a標籤的僞類選擇器問題，Link標籤與visited標籤的失效問題(問題介紹與解決方法)。如下所有內容跟可經過鼠標左鍵選取後，複製到編輯器中直接運行。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
/*css中超連接正常的設置順序。*/css
/*未被訪問過的連接，文字顯示爲黑色。*/
/*當四個僞類選擇器對同一超連接標籤a起做用時，只有瀏覽器記錄中沒有訪問過該超連接的記錄，四個僞類都有用。不然，該Link選擇器無用。被訪問前色變爲visited設置的顏色。若是必定要解決link選擇器失效的問題。可將link選擇器顏色與visited選擇器顏色設置同樣的。例如黑色。即不管時被訪問前，仍是被訪問後，該文字都爲黑色。*/
a:link{
font-size:30px;
font-weight:bold;
text-decoration:none;
color:black;
}html
/*已被訪問過的連接，文字顯示爲紅色。*/
/*如果visited屬性失效的話，有兩種可能。①超連接a標籤中未寫入href="";②四個僞類選擇器的書寫順序錯誤。link->visited->hover->active，可記憶爲LVha,*/
a:visited{
font-size:30px;
font-weight:bold;
text-decoration:none;
color:red;
}瀏覽器
/*鼠標指針懸浮在連接上，文字顯示爲藍色。*/
a:hover{
font-size:30px;
font-weight:bold;
text-decoration:none;
color:blue;
}指針
/*鼠標指針正在點擊連接，文字顯示爲橙色。*/
a:active{
font-size:30px;
font-weight:bold;
text-decoration:none;
color:orange;
}
</style>
</head>
<body>
<!-- href="#"，#是要跳轉的網頁地址。
title="#",#是鼠標懸浮在該文本信息上是，文本信息成功顯示時，會出現的文本信息提示。
alt="#",#是文本信息未成功顯示時，會出現的文本信息提示。
target="#",#="_blank"時，表明在新窗口中打開。 -->
<a href="#" title="百度訪問連接" alt="百度訪問連接" target="_blank">百度</a>htm
<!--blog
左側爲超連接未被訪問時的樣式。utf-8
<br />get
左側爲超連接被訪問後的樣式。須要注意的是，只要該超連接未產生過瀏覽器訪問記錄時，link與visited是不排斥的。即各自的效果都可以顯示出來。如果瀏覽器記錄中有訪問過該超連接的記錄，即便刷新，超連接未被訪問過的樣式LInk也會被visited所設置的樣式取代。it
<br />io
鼠標懸浮在超連接上時的樣式。
<br />
左側爲鼠標正在點擊超連接，未鬆開時的樣式。-->
</body>
</html>
原文出處：https://www.cnblogs.com/kaotimo/p/12284519.html
- 1. 同一li標籤下的p標籤和a標籤獲取下標問題
- 2. 超連接標籤的CSS僞類link,visited,hover,active
- 3. a 標籤的問題
- 4. a標籤的target問題
- 5. 標籤的問題
- 6. 機器學習--分類算法中單標籤與多標籤的問題
- 7. mui下a標籤href失效問題，以及a標籤的其餘小坑。
- 8. 標籤選擇器
- 9. a標籤基礎問題
- 10. input check複選框選擇後修改標籤超連接href
- 更多相關文章...
- • Markdown 標題 - Markdown 教程
- • MyBatis if標籤 - MyBatis教程
- • PHP Ajax 跨域問題最佳解決方案
- • Docker容器實戰(六) - 容器的隔離與限制
-
每一个你不满意的现在，都有一个你没有努力的曾经。