css - 样式表 - 如何使用列组修改位于该列中的 TH 标签

Question

我不熟悉修改表中的列组并尝试学习如何标记 css 以使特色列组中的 TH 以及该列组内的 TD 具有特定背景颜色。我唯一的问题是，我不知道如何设置 CSS 以仅反射(reflect)这些部分。

我制作了一个示例表，位于:http://jsbin.com/ocezon/1/edit

如果我的措辞不正确，请告诉我，我会尝试进一步解释。我已经标记了 TH 和 TD，我希望能够使用列组分配的#table-5 #featured 属性进行修改。

我试过像#table-5 #featured TH { background: #000; 这样的代码 但那没有用。

---

编辑:我发现这可能是不可能的(在尝试了很多方法之后，我也无法让它工作)...所以我决定给 One Trick Pony 一个建议的方法的答案确实有效；但是，我稍微修改了此方法以方便将来修改:http://jsbin.com/icasom/1/edit

Answer 1

在不使用 colgroups 的情况下，您可以为每行的第三个子元素设置样式:

#table-5 th:nth-child(3){ 
  background: blue;
}

#table-5 tr td:nth-child(3){
  background: #C0000E;
} 

http://jsbin.com/ocezon/3

---

我对此进行了修改，以便更轻松地处理多个表并使将来的修改更容易:http://jsbin.com/icasom/1/edit