將CSS樣式應用於表格單元格時懸停在

我有一個表格，其中有一個類別和一些td元素。 td是什麼正確的CSS給予某些特定類表的一部分的懸停效果？將CSS樣式應用於表格單元格時懸停在

<table class='some_class'> 
    <tr> 
     <td>123</td> 
     <td>321</td> 
    </tr> 
</table>

什麼是正確的CSS？這是行不通的：

> .some_class td:hover { some style }

來源

2011-08-28 David

什麼操作系統？什麼瀏覽器？你有沒有試過調試器？ –

解決...感謝您的幫助 – David

Bootstrap可以這樣做：嗨源：http://stackoverflow.com/a/34243399/7791423 –

把這個在你的CSS文件

body { 
background-color: #ccc; 
} 

table.some_style td { 
background-color: #0f0; 
} 

table.some_style td:hover { 
background-color: #06c; 
}

，並以此作爲你的表

<table class="some_style"> 
<thead> 
    <tr> 
     <th>column one</th> 
        <th>column two</th> 
           <th>column three</th> 
    </tr> 
</thead> 
<tbody> 
    <tr> 
     <td>data one</td> 
        <td>data two</td> 
           <td>data three</td> 
    </tr> 
</tbody>

來源

2011-08-28 09:57:38 Mike

對不起，但不工作:( – David

@大衛，我已經更新了上面的代碼，讓我知道這是否有幫助。 – Mike

你可以在這裏發佈你的代碼，這樣我可以看一看，下面是我的完整代碼，試試這個http://pastebin.com/hY9GGJKG – Mike

這是爲我工作表TD ：懸停{ 背景：紅色; }

<table class='some_class'> 
<tr> 
<td>123</td> 
<td>321</td> 
</tr> 
</table>

我覺得你的代碼也應該工作，也許你沒有正確包括CSS，你使用的瀏覽器???

來源

2011-08-28 10:22:38

問題已解決，謝謝你的幫助 – David

將CSS樣式應用於表格單元格時懸停在

回答

相關問題