如何在懸停烤盤時更改顏色的div框？

我試圖把白色格框變爲紅色時，它懸停痊癒了，到目前爲止，我有這個在我的CSS：如何在懸停烤盤時更改顏色的div框？

#white{ 
width: 90px; 
height: 90 px; 
background-color:white; 
position: absolute; 
top: 10px; 
left:10px; 
} 


a:hover #white{ 
color:red; 
width: 90px; 
height: 90 px; 
position: absolute; 
top: 10px; 
left:10px; 
}

，這在我的html：

<div id="white"> 
</div>

但根本不起作用，請幫忙嗎？

來源

2013-02-22 user2097812

問題是a:hover #white，您的目標是一個<a>標籤，該標籤正在與id="white"的孩子徘徊。

你想用這樣的：

#white:hover { 
    ... 
}

您也是你使用color而不是background-color懸停事件。

http://jsfiddle.net/xuj44/1/

來源

2013-02-22 02:41:18

更不用說沒有被發現......... – patricksweeney 2013-02-22 02:42:50

只需注意，遺留瀏覽器支持'：hover'僞選擇器以外的東西''標籤是有限的。不過，現代瀏覽器應該可以做得很好。 – 2013-02-22 02:47:49

我不知道@JonathanNewmuis。根據caniuse.com，自從IE7以來它已經得到了全面的支持。 IE6真的是部分支持但沒有人應該爲IE6開發，市場份額很小。 http://caniuse.com/#search=%3Ahover – 2013-02-22 03:03:14

你需要回去多讀一些關於HTML和CSS的基礎知識。

您指定的鏈接不存在。
您不設置懸停狀態的背景顏色，所以它如何改變？您更改TEXT顏色，但不更改背景，並且您的問題表明您要更改
的顏色您有一個介於90和px之間的空格，以便打破CSS。

像這樣的東西可能是你想要什麼：Link

來源

2013-02-22 02:45:50 patricksweeney

非常感謝你的工作！ – user2097812 2013-02-22 02:49:56

這個問題已經回答了，但好像你正在嘗試運行你能走之前，http://w3schools.com/可能是，每一個前端Web開發人員開始學習HTML/CSS - 它會給你的語言的基本原則，所以它非常值得通讀每一節。即使是季節，開發者也不得不偶爾回彈一下，以緩慢記憶。祝你好運，並繼續嘗試:)

來源

2013-02-22 02:57:18

強制性的「不要把人送到w3schools.com」。我不像某些人那樣討厭它;對於那些知道自己在做什麼並能告訴自己在哪裏死了的人來說，這不是最糟糕的網站。但是，對於初學者，他們需要知道該網站存在錯誤。 – patricksweeney 2013-02-22 03:03:03

如何在懸停烤盤時更改顏色的div框？

回答

相關問題