CSS Table TR 背景颜色问题

Question

这是我的小提琴：

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/