html - CSS 特定表

Question

我有一个 HTML 文档，其中有两个不同的表格。一个是 Alpha 级，一个是 Beta 级。我只想将此 css 分配给 Beta 类...

td
{
border-style:solid;
border-top:thick double #ff0000;
}

我不知道如何将其仅分配给 Beta。有谁知道怎么做？

Answer 1

只需将.beta类选择器应用于整个表格并更改您的 CSS 代码以仅将规则应用于以下类型的td死者.beta：

<table class="beta">
    <tr>
        <td>...</td>
        <td>...</td>
    </tr>
</table>

.beta td {
    border-style:solid;
    border-top:thick double #ff0000;
}

如果您需要将规则应用于多个元素，.beta只需添加一个额外的选择器，如下所示：

.beta td, 
.beta th {
    border-style:solid;
    border-top:thick double #ff0000;
}

卡普拉'！

Answer 2

CSS 可让您具体了解要应用哪些元素规则。只需将此规则添加到 table.Beta td 单元格声明中即可。

table.Beta td 
{
    border-style:solid;
    border-top:thick double #ff0000;
}