html - trにクラスがある場合は、TR全体にカーソルを合わせます

Question

データテーブルに組み込まれているTRに割り当てる2つのクラスがあります。ただし、TDにカーソルを合わせると、TR全体が強調表示されるようにホバーを機能させることはできません。

添付のjsfiddleには、現在スタックしているtdのみをホバリングしています。

.accessible :hover{
    background-color: rgb(206,246,206);
}
.inAccessible :hover{
    background-color: rgb(255,87,87);
}

http://jsfiddle.net/Y3JDd/

Answer 1

:hoverクラスと：の間のスペースを取り除きます。

.accessible:hover{
    background-color: rgb(206,246,206);
}
.inAccessible:hover{
    background-color: rgb(255,87,87);
}