CSS 组合表格样式

Question

我发现了类似的顶部用于组合类，使用逗号分隔它们；但是，当我尝试使用表类时，只有最后一张表正在接收样式。这是我尝试清理的一小部分示例:

table.tslist { 
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    cellspacing: 0; 
    border-collapse: collapse; 
    width: 225;    
}
table.djrlist { 
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    cellspacing: 0; 
    border-collapse: collapse; 
    width: 225;    
}
table.vacation { 
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    cellspacing: 0; 
    border-collapse: collapse; 
    width: 225;    
}
table.tslist td { 
    border-left: 1px solid #999; 
    border-top: 1px solid #999;  
    padding: 2px 4px;
}
table.djrlist td { 
    border-left: 1px solid #999; 
    border-top: 1px solid #999;  
    padding: 2px 4px;
}
table.vacation td { 
    border-left: 1px solid #999; 
    border-top: 1px solid #999;  
    padding: 2px 4px;
}

正如我提到的，我尝试了 table.tslist, table.djrlist, table.vacation {....} 但没有成功。

Answer 1

我猜你正在做这样的事情:

table.x, table.y td { }

并假设它将扩展并应用于所有 TD 元素。它不会。你需要这样的东西:

table.x td, table.y td { }