懸停爲具有編號的列表項目

我想添加具有不同編號的列表項目的css。我需要在列表項變爲懸停時更改css，但是當我將它附加到id末尾時，它們會起作用。這就是我擁有的方式。懸停爲具有編號的列表項目

.header-menu li#drop:hover{ 
background-image:url(images/menu-arrow.gif) 90% 50% no-repeat, -moz-linear-gradient(top, #E5E5E5, #EDEDED); 
background-image:url(images/menu-arrow.gif) 90% 50% no-repeat, -webkit-gradient(linear, left top, left bottom, from(#E5E5E5), to(#EDEDED)); 
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#E5E5E5, endColorStr=#EDEDED) progid:DXImageTransform.Microsoft.Glow(color=#888888, strength=1) progid:DXImageTransform.Microsoft.Shadow(direction=180, strength=2, color=#888888); 
}

來源

2012-01-13 Pollux Khafra

您需要提供更多信息。列表項是否真的有id = drop？你能用一個簡單的完整文檔來分離問題嗎？ – 2012-01-13 23:41:55

我的列表菜單中的一些項目有一個下拉菜單，我向它們添加了箭頭背景。所以我給這些列表項目的id「drop」，所以我可以給他們那個箭頭。我的問題出現在li＃drop懸停並且懸停背景發生變化時。所以我需要將該箭頭添加到li＃drop「hovered」的箭頭背景中。 – 2012-01-13 23:49:33

如果你給幾個元素具有相同的'id'值，聽起來就是這樣的。 'id'值必須是唯一的。改爲使用'class'屬性和類選擇器。 – 2012-01-14 00:10:29

的代碼，如澄清你的引擎收錄數據，似乎工作，雖然漸變效果是相當不易察覺的顏色是如此接近對方。如果這個答案不令人滿意，請確定您預期會發生什麼以及它在哪些瀏覽器上未能發生。

來源

2012-01-14 07:16:56

懸停爲具有編號的列表項目

回答

相關問題