我不熟悉修改表中的列组并尝试学习如何标记 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
最佳答案
在不使用 colgroups
的情况下,您可以为每行的第三个子元素设置样式:
#table-5 th:nth-child(3){
background: blue;
}
#table-5 tr td:nth-child(3){
background: #C0000E;
}
我对此进行了修改,以便更轻松地处理多个表并使将来的修改更容易:http://jsbin.com/icasom/1/edit
关于css - 样式表 - 如何使用列组修改位于该列中的 TH 标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17479121/