CSS 背景颜色过渡不起作用

Question

使用以下一组规则和样式声明

.tableRow.even, .tableRowNS.even, .odd   { background-color: #F2F2F2; }
.tableRow.odd, .tableRowNS.odd, .even   { background-color: white; }

.tableRow:hover,.noProject:hover,
.tableRow.even:hover, .tableRowNS.even:hover, .odd:hover,
.tableRow.odd:hover, .tableRowNS.odd:hover, .even:hover {
    background-color: #E8E8E8;
    transition: background-color .5s;
    -webkit-transition: background-color .5s;
    -o-transition: background-color .5s;
}

1. 鼠标悬停颜色有效，但没有过渡。我是否错误地处理了这个问题？
2. 像这样在多个选择器上设置过渡属性是否存在问题？

Answer 1

我忘记添加 Firefox 特定的 css3 转换属性:-moz-transition。

添加后，我们有以下 css。现在一切正常。

.tableRow:hover,.noProject:hover,
.tableRow.even:hover, .tableRowNS.even:hover, .odd:hover,
.tableRow.odd:hover, .tableRowNS.odd:hover, .even:hover {
    background-color: #E8E8E8;
    transition: background-color .5s;
    -webkit-transition: background-color .5s;
    -o-transition: background-color .5s;
    -moz-transition: background-color .5s;
}