css - 是否可以为组合类设置 CSS？

Question

假设我有以下内容:

tr {
    background: #fff;
}

tr.even {
    background: #eee
}

tr.highlight {
    background: #fec;
}

是否可以指定第 4 个背景(#fea)而不是让 highlight 简单地覆盖 even？

<tr class="even highlight">
  <!-- ... -->
</tr>

---

一旦支持 CSS3，:nth-child 可能会起作用。但是，在此期间有什么可用的吗？

tr { /* ... */ }

tr:nth-child(even) { /* ... */ }

tr.highlight { /* ... */ }

tr.highlight:nth-child(even) { /* ... */ }

Answer 1

你可以这样做:

tr.even.highlight { ... }

虽然 IE6 不知道。