2016-10-10 40 views
-2

我在Wordpress Tablepress插件中使用它。CSS表td顏色

我有這些代碼來突出顯示錶行。無論如何,我可以將它們合併爲單行以減少重複代碼?

.tablepress-id-1 .row-2 td { 
 
\t background-color: #000000; 
 
\t color: #ffffff; 
 
} 
 

 
.tablepress-id-1 .row-13 td { 
 
\t background-color: #000000; 
 
\t color: #ffffff; 
 
} 
 

 
.tablepress-id-1 .row-15 td { 
 
\t background-color: #000000; 
 
\t color: #ffffff; 
 
} 
 

 
.tablepress-id-1 .row-19 td { 
 
\t background-color: #000000; 
 
\t color: #ffffff; 
 
} 
 

 
.tablepress-id-1 .row-23 td { 
 
\t background-color: #000000; 
 
\t color: #ffffff; 
 
} 
 

 
.tablepress-id-1 .row-26 td { 
 
\t background-color: #000000; 
 
\t color: #ffffff; 
 
} 
 

 
.tablepress-id-1 .row-35 td { 
 
\t background-color: #000000; 
 
\t color: #ffffff; 
 
} 
 

 
.tablepress-id-1 .row-35 td { 
 
\t background-color: #000000; 
 
\t color: #ffffff; 
 
}

+2

數字是否有任何意義或順序? –

+0

請說明您的具體問題或添加其他詳細信息,以突出顯示您的需求。正如目前所寫,很難確切地說出你在問什麼。 –

+0

如果沒有序列,這只是基本的CSS做'.tablepress-id-1 .row-2 td,.tablepress-id-1 .row-13 td ... {....}' – DaniP

回答

4

您可以用逗號分隔的多個CSS選擇器:

.tablepress-id-1 .row-2 td, 
.tablepress-id-1 .row-13 td, 
.tablepress-id-1 .row-15 td 
{ 
    background-color: #000000; 
    color: #ffffff; 
} 
+0

謝謝。這工作得很好。 – Stewiek

3

只是適用相同的類要風格的元素。並將其插入您的css文件。

.identicalClass { 
background-color: #000000; 
color: #ffffff; 
}