使用css設置活動錨元素的樣式
[英]Styling active anchor elements with css
問題描述
我找到一個css解決方案有一些麻煩，因為有一個活躍的錨着色...
為什么活動錨不是紅色，所以如果點擊“momo”momo保持紅色？ 或者是活動錯誤的偽類？
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>test</title>
<style type="text/css">
a:active{
color:red;
}
a:hover{
color:yellow;
}
</style>
</head>
<body>
<ul> Navigation
<li class="subli"><a href="#momo">momo</a></li>
<li class="subli"><a href="#ipsi">ipsi</a></li>
</ul>
</body>
</html>
謝謝Juru
6 個解決方案
解決方案1
4 已采納 2012-02-24 13:54:59
:active表示“在被激活時”，例如當它被聚焦並按下回車鍵時或者當它被盤旋並且按下鼠標按鈕時。 （注意，因為你有:hover after :active你將永遠覆蓋它以便鼠標激活）
“具有解析為當前位置的href值的錨點”沒有偽類。 為此，您需要修改HTML（最好在它到達瀏覽器之前，但您也可以使用JS）。
解決方案2
0 2012-02-24 13:54:47
切換為錨標簽設置樣式的順序
改變這個
a:active{
color:red;
}
a:hover{
color:yellow;
}
對此
a:hover{
color:yellow;
}
a:active{
color:red;
}
:active僅當您單擊並按住元素或元素已聚焦並且您按Enter鍵時才會:active 。
如果要將活動URL顯示為不同的顏色，則必須將類添加到當前活動元素，並使用所需顏色設置該類的樣式
解決方案3
0 2012-02-24 13:55:12
樣式級聯，您需要切換它們。
a:hover {
color:yellow;
}
a:active {
color:red;
}
解決方案4
0 2012-02-24 13:57:28
我想你想使用訪問不活躍
a：訪問過{color：red;}
Active僅激活onClick
單擊后訪問保持紅色
解決方案5
-1 2019-03-16 21:29:11
解決方案6
-2 2012-02-24 13:54:27
刪除:active屬性，只需設置a{color:red}
在錨點內插入一個 div，刪除 div 元素中的錨點樣式
[英]Insert a div inside an anchor removing the anchor styling in the div elements
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.