Css 样式表-如何使用列组修改该列中的TH标记

我刚开始修改表中的列组，并尝试学习如何标记css，使特色列组中的TH成为特定的背景色，以及该列组中的TD。我唯一的问题是，我不知道如何设置CSS以只反映这些部分

我制作了一个示例表，位于：

如果我的措辞不正确，请让我知道，我会尝试进一步解释。我已经标记了TH和TD，我希望能够使用column组指定的#table-5#featured属性修改它们

我尝试过类似于

#table-5#的代码{background:#000；}

，但没有成功

---

---

编辑：我发现这可能是不可能的（在尝试了许多方法之后，我也不能让它工作）…所以我决定给一匹技巧小马一个答案，因为它建议了一种有效的方法；但是，我稍微修改了此方法，以便以后可以轻松修改：

不使用

colgroups

，您可以设置每行第三个子项的样式：

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

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

---

---

我对其进行了修改，使其更易于处理多个表，并使将来的修改更容易：

您的表有一个奇怪的HTML结构，colgroup，甚至没有包装在tr中：

<table id="table-5">
 <colgroup> 
   <col class="row" />
  <col class="basic"/>
  <col class="premium" id="featured"/>
  <col class="enterprise"/>
</colgroup>
  <thead>
    <tr>
        <th>row</th>
        <th>basic</th>
        <th>premium (modify this TH)</th>
        <th>enterprise</th>
    </tr>
  </thead>
        <tr>
            <td>blah</td>
            <td>blah</td>
            <td>blah (modfy this TD)</td>
            <td>blah</td>
        </tr>
        <tr>
            <td>blah</td>
            <td>blah</td>
            <td>blah (modfy this TD)</td>
            <td>blah</td>
        </tr>
        <tr>
            <td>blah</td>
            <td>blah</td>
            <td>blah (modfy this TD)</td>
            <td>blah</td>
        </tr>
</table>

一行
基本的
保险费（修改本条）
企业
废话
废话
诸如此类（修改此TD）
废话
废话
废话
诸如此类（修改此TD）
废话
废话
废话
诸如此类（修改此TD）
废话

您可以添加somme rgba颜色来加深背景色：

---

我修改了整个列组，并将背景改为红色。我想做的是能够只修改列组中的TH..我尝试了

#table-5#featured TH{background:#000；}

，但没有成功。唯一的问题是，我用“featured”标记列组。因此，使用此样式的每个表不会使用每行的第三个子表。这将完全取决于我决定创建特色专栏组的“包”（colgroup）。我真正知道如何做到这一点的唯一方法是使用列组（以便于将来编辑）。软件包不会有太大变化，但哪个是特色软件包会发生变化。因此，请移动表上的特色ID，并在#featured上应用样式，但这无法帮助我根据特色列修改表的特定部分。我想能够改变特色栏目组下第TH个标签的颜色。我可以修改整个列组，但不能修改独立的部分。

colgroup

识别列，就像

nth child

那样（通过索引）。我看不出你怎么能决定要选哪个专栏。如果特征列在其他表中有不同的位置，那么如果我在一页上有3个完全相同的表，您只需为每个表添加样式（…或使用javascript:）。所有3个表都必须有不同的名称，这将需要每个表有更多的CSS…让我们假设表1中的特色列是3，但只有表2和表3中的特色列是2。如果能够在css中为每个表单独编辑，那就太可怕了。假设我想进入并修改和更改特色列。我现在的做法是，它是1表CSS，我只需要进入并更改col组上的id=“featured”.按照您描述的方式，我必须进入并修改每个独立表的CSS。我知道表结构并不完美。我做了一张桌子作为快速演示。我只想修改特定列下的TH。这可能吗？基本上所有栏目的TH标签都是银色的，但我希望特色栏目的TH标签是蓝色的。（作为一个例子）不，它不是，因为背景色应用在tr的下面。然后，除此之外，您不能从内部元素，与其父元素的相邻元素同级。至少在CSS级别4和父选择器可用之前不可用。你需要js来帮助你：）我只是向你提出了一个假的或者与rgba（）的妥协：）我理解，但是你的回答根本没有问我的问题。你所做的只是整个桌子的风格不同。我唯一关心的是修改特定的TH，或特定列下的特定TD。如果这不可能，我理解，但这是我的问题。我以前从来没有搞乱过专栏群，所以我不确定这是否可能。你错过我之前的评论了吗。。。。CSS此时无法做到：）而col并没有给tr、th或其他任何东西提供背景，它是在其他一切后面的表格中绘制的：）。