CSS属性定义

Question

我有一个CSS类像一个表定义如下

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

然后我想嵌套具有类=“tabborder”的元素中，所有的th和td元素请执行下列操作

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

有th, td而只是th或td难道不上班的作品，我希望它的方式。

有没有解决方法。我知道，写seprate定义像下面的工作 但有一个有效的方式提前

Answer 1

逗号是用来group separate selectors做到这一点

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

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

感谢。

逗号分隔的选择器列表表示由列表中的每个单独选择器选择的所有 元素的联合。 （A 逗号为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; 
}​