CSS語法，如何使用li.class：hover？

我想要一類適用於li元素，但是當懸停事件^^CSS語法，如何使用li.class：hover？

我沒有這個代碼的類很確定：

#leaderboard li:hover { 
    z-index:1000; 
    -webkit-transform: scale(3.2); 
    -moz-transform: scale(3.2); 
    -ms-transform: scale(3.2); 
    -o-transform: scale(3.2); 
    transform: scale(3.2);  
}

但是當我嘗試這樣的，這是NOK OK ：

#leaderboard li.0:hover { 
    z-index:1000; 
    -webkit-transform: scale(1.1); 
    -moz-transform: scale(1.1); 
    -ms-transform: scale(1.1); 
    -o-transform: scale(1.1); 
    transform: scale(1.1);  
}

的Html這裏：

<ul id="leaderboard" name="leaderboard"> 
<li class="0" style="left: 0px;"><h1 style="display:inline" id="user-234">4900</h1> <img style="height:50px" src="serveurtopmc.jpg"> xxx</li> 
<li class="1" style="left: 440px;"><h1 style="display:inline" id="user-836">4090</h1> <img style="height:50px" src="banniere_1000x240.jpg"> xxx</li> 
<li class="2" style="left: 770px;"><h1 style="display:inline" id="user-590">3488</h1> <img style="height:50px" src="9.gif"> xxx</li> 
<li class="3" style="left: 770px;"><h1 style="display:inline" id="user-1">2556</h1> <img style="height:50px" src="coeur.png"> xxx</li> 
<li class="4" style="left: 880px;"><h1 style="display:inline" id="user-546">2542</h1> <img style="height:50px" src="1372878266-photo15.jpg"> xxx</li> 
<li class="5" style="left: 440px;"><h1 style="display:inline" id="user-597">2536</h1> <img style="height:50px" src="logo.png"></li></ul>

有人有右擊請問t語法？ :)

==========

我做到了，剛做完測試它（這是一個有點長，因爲是由一個JScript生成的號碼）的工作完全=>＃排行榜li.rank0：懸停{感謝mcabrams :)

來源

2014-02-25 WolwX

喜Wolwx，你可以發佈你的HTML嗎？ –

什麼是'.0'？班級名稱不應以數字開頭。 –

允許類標識符以數字開頭。 ID的另一方面不能。 *編輯：顯然都將實際工作是這樣的：http://stackoverflow.com/questions/9210307/html-5-classnames-and-ids – mcabrams

您可以嘗試將選擇器定位爲#leaderboard li.\30:hover--它利用unicode表示的數字0（\ 30 - > 0）。如果你想要爲10班同樣的規則，它將是#leaderboard li.\31\30:hover。另一種方法是將課程更改爲不以數字開頭的名稱。

來源：

來源

2014-02-25 20:15:15 mcabrams

感謝您的幫助，但不工作：x #leaderboard li。\ 0：hover #leaderboard li。\ 1：hover – WolwX

您是否嘗試過更改類到一個不以數字開頭的名字？即'排行榜-1'，並相應地更改CSS？ – mcabrams

我做到了，剛做完測試它（這是一個有點長，因爲是由JScript中產生的數）這是工作完美=> #leaderboard li.rank0：懸停{ 感謝mcabrams :) – WolwX

如果類需要保持一個號碼，就可以逃脫Unicode代碼點爲0：fiddle

#leaderboard li.\30:hover { 
    color: coral; 
}

來源

2014-02-25 20:21:35 Adrift

CSS語法，如何使用li.class：hover？

回答

相關問題