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;
}

Qapla"!

Answer 2

CSS允许您具体了解要应用的元素规则.只需将此规则添加到table.Beta td单元格声明,您就完成了.

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