CSS Table TR 背景颜色问题

Question

这是我的 fiddle :

https://jsfiddle.net/teo7auv3/

我想做的是当验证返回错误时，我想在我的整个 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/