如何使行的最後一個td突出顯示一行只是使用CSS懸停？

Question

我想突出顯示該行被徘徊時的最後一個單元格。是否有可能只用CSS來做到這一點。這是工作的鏈接。

http://jsbin.com/isukemih/2/edit

我嘗試以下方法

tr:hover { 
    background-color: #f00; 
} 

tr:last-child:hover { 
    background-color: #f00; 
} 

Answer 1

使用此設置爲紅色懸停行的最後一個單元格的背景色：

tr:hover td:last-child { 
    background-color: #f00; 
} 

Demonstration

Answer 2

試試這個

tr:hover td:last-child { 
    background-color: #f00; 
} 

Answer 3

你有很多不錯的選擇

tr:hover td:last-child { 
    background-color: red; 
} 

或

tr:hover td:last-of-type { 
    background-color: red; 
} 

或

tr:hover td:nth-last-child(1){ 
    background:red; 
}