html - 如果 tr 有类，则悬停整个 TR

Question

我将两个类分配给 TR，因为它们正在构建到我的数据表中。但是，当我将鼠标悬停在 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);
}