2

我有一个用于表定义的 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按我想要的方式工作时不会工作。

有没有解决方法。我知道像下面这样编写单独的定义是可行的但是有没有一种有效的方法来做到这一点

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

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

提前致谢

4

1 回答 1

7

逗号用于对单独的选择器进行分组。

一个以逗号分隔的选择器列表表示由列表中的每个单独选择器选择的所有元素的并集。（逗号是 U+002C。）例如，在 CSS 中，当多个选择器共享相同的声明时，它们可能会被分组到一个逗号分隔的列表中。空格可能出现在逗号之前和/或之后。

尽管.tabborder在第一个选择器中指定，但在任何后续选择器中都没有隐含。

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

[编辑] 或者，由于 atr可以直接只包含td和th元素（source），您可以结合子>选择器和通用*选择器（fiddle）：

.tabborder tr > *
{
    border: 1px solid #000000;   
    padding: 3px 6px;
}​
于 2012-12-07T21:37:54.060 回答