如何設置表格的每一行其他行的背景顏色並突出顯示懸停的行？

Question

我正在嘗試製作一個表，每個其他行都有不同的背景顏色，並突出顯示懸停上的行。它們都完全分開，但是當你將它們放在一起時，懸停上的亮點不起作用。這是我的CSS。我可能會用JavaScript做的功能之一做...

.tableData tr:hover { 
background-color: #ffff99; 
} 

.tableData tr:nth-child(even) { /*(even) or (2n 0)*/ 
background: #f1f1f1; 
} 
.tableData tr:nth-child(odd) { /*(odd) or (2n 1)*/ 
background: #FFF; 
} 

Answer 1

嘗試有：懸停選擇其他後：

.tableData tr:nth-child(even) { /*(even) or (2n 0)*/ 
background: #f1f1f1; 
} 
.tableData tr:nth-child(odd) { /*(odd) or (2n 1)*/ 
background: #FFF; 
} 

.tableData tr:hover { 
background-color: #ffff99; 
}