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

Answer 2

请务必在分隔符中包含元素类型：

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

Answer 3

我猜你甚至不需要做那样的多种风格。类与ID不同，您可以多次使用它们。

如果所有表的样式都相同，只需替换所有这些：

 <table class="tslist">...</table>
 <table class="vacation">...</table>
 <table class="djrlist">...</table>

与

 <table class="tslist">...</table>
 <table class="tslist">...</table>
 <table class="tslist">...</table>

然后，您可以从css文件中删除未使用的样式条目。

CSS组合表格样式

3 个答案: