CSS Table TR 背景颜色问题

Question

这是我的 fiddle:

https://jsfiddle.net/teo7auv3/

我想做的是当验证 returns 错误时，我想将整个 TR 的背景颜色设置为红色。问题可能出在这里：

.ui-table tr:nth-child(even) {background: #fff}
.ui-table tr:nth-child(odd) {background: #f2ebde}

因为如果我删除它，它就会起作用。但是，我确实希望将其用于交替行颜色。有什么想法吗？

Answer 1

为您的错误颜色规则使用更具体的选择器：

.ui-table tr.ui-table-error {
    background-color:#ffebef;
}

如果您还不知道 CSS 中的特殊性是什么意思，请阅读 f.e。 http://www.smashingmagazine.com/2007/07/css-specificity-things-you-should-know/