2016-10-10 7 views
-2

Wordpress Tablepressプラグインでこれを使用しています。CSS表td色

私はテーブルの行を強調表示するためにこれらのコードを持っています。とにかく、繰り返しコードを減らすために、それらを1行にマージできますか?

.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

シーケンスがない場合、これは '.tablepress-id-1 .row-2 td、.tablepress-id-1 .row-13 td ... {....}'を実行する基本的なCSSです。 – 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; 
}