2016-10-10 5 views
-2

Я использую это в плагине Wordpress.CSS table td color

У меня есть эти коды, чтобы выделить строки таблицы. В любом случае, я могу объединить их в одну строку, чтобы уменьшить повторяющиеся коды?

.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; 
}