2011-10-16 62 views
0

我有從「li」和「a」裏面構建的菜單欄。 在CSS中,當我將鼠標移動到「li」標籤上時,我試圖進行一些顏色更改。 如果我想一些不同的背景,它會改變它。但我也想同時更改標籤的文字顏色。 我寫的顏色:東西....但由於「一」標籤不是在「李」標籤的邊界,但有點內,你需要在按鈕內移動一點點鼠標,以改變「一」標籤。在「li」懸停事件中的「li」標籤中的「a」標籤的顏色改變在css中

所以當「li」懸停事件被觸發時,我怎樣才能改變「a」顏色呢?只使用CSS而沒有別的。

回答

4

簡單:

li:hover a { 
    color: black; 
} 

Of course that does not work in IE6。你可能注意到

+0

當然不是。 :p – bricker

+0

但是我們不應該再考慮IE6了,無論如何.. – Kyle

+0

我厭倦了這種舊的瀏覽器支持。我會寫一些JavaScript可能並強制用戶升級他們的瀏覽器。這就是它。哦,謝謝你的幫助Felix – David

2

一件事是,即使文本顏色會改變側翻,如果一個元素比元素小,則鏈接不會按鈕/菜單的邊緣工作。要補償添加填充和顯示:a標記上的塊。

+0

謝謝AJ,已經完成:) – David