Question

我有一个用于表定义的css类，如下所示

.tabborder
{
    border:           1px solid black;
    border-collapse:  collapse;
}

然后我希望嵌套在具有class =“tabborder”的元素中的所有th和td元素执行以下操作

.tabborder th, td
{
    border:           1px solid black;
    border-spacing:   0;
}

让th, td只在th或td按照我想要的方式工作时无效。

是否有解决方法。我知道写下面的seprate定义是有效的但有没有一种有效的方法来做到这一点

 .tabborder th
{
    border:           1px solid black;
    border-spacing:   0;
}

 .tabborder td
{
    border:           1px solid black;
    border-spacing:   0;
}

提前致谢

Answer 1

逗号用于group separate selectors。

以逗号分隔的选择器列表表示所有的联合由列表中的每个选择器选择的元素。（一个逗号是U + 002C。）例如，在几个选择器共享的CSS中相同的声明，它们可以分组为逗号分隔的列表。空格可能出现在逗号之前和/或之后。

虽然在第一个选择器中指定了.tabborder，但在任何后续选择器中隐含。

.tabborder th,
.tabborder td /* you must specify .tabborder for each selector */
{
    border:           1px solid black;
    border-spacing:   0;
}

[修改]或者，由于tr只能直接包含td和th元素（source），因此您可以将child >和universal *选择器（fiddle）：

.tabborder tr > *
{
    border: 1px solid #000000;   
    padding: 3px 6px;
}

css属性定义

1 个答案: