2015-05-23 194 views
2

快速方案:我有一個菜單,默認情況下有黑色錨點,當我將鼠標懸停在鏈接上時,它會變爲白色,使用:hover,足夠標準的東西。然後,我會如何將所有其他鏈接改爲黑暗的,而懸停的鏈接保持白色?更改懸停在鏈接上時未懸停的鏈接文本的顏色?

我已經通過http://www.w3schools.com/css/css_pseudo_classes.asp看了一下,因爲我的猜測是這其中的一個,但是這些描述似乎並不符合我之後的內容。

+0

這可能是爲什麼我找不到任何材料,以形成一個CSS解決方案,我想這可能是可能的。 – A1raa

+0

這就是我之後的事情。即使問題已經結束,也要欣賞迴應。 – A1raa

+0

如果您覺得可以用CSS回答,請繼續..但是您的小提琴不包含原始場景。列表項目必須具有默認顏色。也許這個 - http://jsfiddle.net/1atzsp3w/3/ –

回答

0

我用CSS創建了一個簡單的小提琴,使用ul:hoverul: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>

http://jsfiddle.net/afelixj/mro07h6p/2/