2017-02-19 9 views
0

enter image description hereCSS - Я хочу, чтобы обрабатывать цвет фона ячеек таблицы

Описанная картина представляет собой таблицу с данными, и я хочу, чтобы обрабатывать цвет фона каждой ячейки таблицы. Я хочу оставить две строки таблицы и изменить цвет фона следующей ячейки.

Как справиться с этим с помощью CSS

+0

Является ли это то, что вы хотите? 'tr: nth-child (even) {background: #CCC} tr: nth-child (odd) {background: #FFF}' – Flink

+1

Вы читали [документацию на ': nth-of-type'] (https : //developer.mozilla.org/en-US/docs/Web/CSS/: п-й из-типа)? Вы должны придумать простое решение. – Xufox

ответ

4

Вот решение:

table tr { 
    background: #FFF; 
} 
table tr:nth-child(4n), table tr:nth-child(4n-1) { 
    background: #999; 
}