我使用下面的代碼來實現此目標：當鼠標懸停在錨點上時，會出現下劃線，卻沒用 <a class="hover">click</a> a .hover :hover{ text-decoration:underline; }什么是正確的版本？
3 回答
蝴蝶不菲
TA貢獻1810條經驗 獲得超4個贊
如果希望在鼠標懸停在鏈接上時出現下劃線，則：
a:hover {text-decoration: underline; }
足夠了，但是您也可以根據需要使用“ hover”的類名，以下內容同樣適用：
a.hover:hover {text-decoration: underline; }
順便提一下，可能值得指出的是，'hover'的類名并沒有真正為元素添加任何內容，因為的psuedo元素與的a:hover功能相同a.hover:hover。除非只是使用類名的演示。
慕妹3242003
TA貢獻1824條經驗 獲得超6個贊
有很多方法可以做到這一點。如果您確實希望在A元素中具有“懸?！鳖?，則必須執行以下操作：
a.hover:hover { code here }
再說一遍，在那里有這樣的className并不常見，這是您進行常規懸停的方式：
select:hover { code here }
以下是一些示例：
1個
HTML：
<a class="button" href="#" title="">Click me</a>
CSS：
.button:hover { code here }
2
HTML：
<h1>Welcome</h1>
CSS：
h1:hover { code here }
：hover是許多偽類之一。
例如，您可以進行更改，可以在鼠標懸停在元素上，單擊時以及之前單擊時控制元素的樣式。
HTML：
<a class="home" href="#" title="Go back">Go home!</a>
CSS：
.home { color: red; }
.home:hover { color: green; }
.home:active { color: blue; }
.home:visited { color: black; }
除了我作為示例給出的笨拙的顏色外，“ home”類的鏈接默認情況下為紅色，鼠標懸停它們時為綠色，單擊它們時為藍色，而單擊后為黑色。
希望這可以幫助
炎炎設計
TA貢獻1808條經驗 獲得超4個贊
不是答案，而是解釋為什么CSS不匹配HTML。
在CSS空間中，空格用作分隔符，以告知瀏覽器查找子項，因此您的CSS
a .hover :hover{
text-decoration:underline;
}
意思是“尋找一個元素，然后尋找它具有懸停類的任何后代，并尋找那些具有懸停狀態的后代的任何后代”，并且將與該標記匹配
<a>
<span class="hover">
<span>
I will become underlined when you hover on me
<span/>
</span>
</a>
如果要匹配< a class="hover">I will become underlined when you hover on me</a>，則應使用a.hover:hover，這意味著“查找具有類懸停和懸停狀態的任何元素”
- 3 回答
- 0 關注
- 695 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消