2
快速方案:我有一個菜單,默認情況下有黑色錨點,當我將鼠標懸停在鏈接上時,它會變爲白色,使用:hover,足夠標準的東西。然後,我會如何將所有其他鏈接改爲黑暗的,而懸停的鏈接保持白色?更改懸停在鏈接上時未懸停的鏈接文本的顏色?
我已經通過http://www.w3schools.com/css/css_pseudo_classes.asp看了一下,因爲我的猜測是這其中的一個,但是這些描述似乎並不符合我之後的內容。
快速方案:我有一個菜單,默認情況下有黑色錨點,當我將鼠標懸停在鏈接上時,它會變爲白色,使用:hover,足夠標準的東西。然後,我會如何將所有其他鏈接改爲黑暗的,而懸停的鏈接保持白色?更改懸停在鏈接上時未懸停的鏈接文本的顏色?
我已經通過http://www.w3schools.com/css/css_pseudo_classes.asp看了一下,因爲我的猜測是這其中的一個,但是這些描述似乎並不符合我之後的內容。
我用CSS創建了一個簡單的小提琴,使用ul:hover
和ul:hover a:hover
。
a{
background: grey;
padding: 3px;
}
li{
float: left; list-style: none; margin-right: 5px;
}
ul:hover a{
color: #f00;
}
ul:hover a:hover{
color: white;
}
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
</ul>
這可能是爲什麼我找不到任何材料,以形成一個CSS解決方案,我想這可能是可能的。 – A1raa
這就是我之後的事情。即使問題已經結束,也要欣賞迴應。 – A1raa
如果您覺得可以用CSS回答,請繼續..但是您的小提琴不包含原始場景。列表項目必須具有默認顏色。也許這個 - http://jsfiddle.net/1atzsp3w/3/ –