Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
将CSS样式应用于表的所有列_Css - Fatal编程技术网

将CSS样式应用于表的所有列

将CSS样式应用于表的所有列,css,Css,在我的CSS中,我有一个条目: .isenabled { font-weight:bold; background-color:lightyellow } 在HTML中,我有: <table> <tr> <td class="isenabled">This is enabled</td> <td>This isn't</td> </tr> <

在我的CSS中,我有一个条目:

.isenabled {
    font-weight:bold; 
    background-color:lightyellow
}
在HTML中,我有:

<table>
    <tr>
        <td class="isenabled">This is enabled</td>
        <td>This isn't</td>
    </tr>
</table>
这正是我们想要的。我想做的是:

<table>
    <tr class="isenabled">
        <td>This is enabled</td>
        <td>So is this</td>
    </tr>
    <tr>
        <td class="isenabled">This is enabled</td>
        <td>This isn't</td>
    </tr>
</table>
但这不起作用,因为两个单元格都有默认背景。我该怎么做呢

[编辑] 我已使所需的行为更加明确。

使用以下风格

tr.isenabled>td,td.isenabled{ 字体大小:粗体; 背景颜色:浅黄色 } 这是启用的 这也是
.isenabled正在捕获类为isenabled的元素

这就是为什么当您将类添加到“td”时,它会起作用

<table>
    <tr>
        <td class="isenabled">This is enabled</td>
        <td>This isn't</td>
    </tr>
</table>
它将选择所有“td”,它是类为isenabled的任何元素的直接子元素


以下是有关css选择器的更多信息

是否要高亮显示第一列特定行此选项适用于整行,但不再适用于单个单元格。我已经相应地编辑了这个问题。
tr.isenabled > td {
  font-weight: bold;
  background-color: lightyellow
}