Страницы

Поиск по вопросам

понедельник, 15 июля 2019 г.

Древовидные комментарии - раскрасить через один рядок

Друпал формирует древовидные комментарии подобным образом. Чет пока не придумал как каждый второй коммент в дереве раскрасить в другой цвет как зебру.
То есть comment 3 и comment 5 должны быть с другим бекграундом.
Обновлено: чтобы все понимали добавил структуру комментариев. Первый уровень пускай будет прозрачный, тогда все остальные через один - другим цветом (зебра - прозрачный, цвет, прозрачный, цвет).
.indented { margin-left: 65px; } div .comment { background-color: #eee; padding: 10px; margin: 5px; }

comment 1
comment 2
comment 3
comment 4
comment 5
comment 1
comment 2
comment 3
comment 4
comment 5
comment 2
comment 3
comment 4
comment 5


Ответ

Если вложенность комментариев невелика, то можно так:
.indented { margin-left: 65px; } .comment { padding: 10px; margin: 5px; } .container >.indented >.comment, .container >.indented >.indented >.indented >.comment, .container >.indented >.indented >.indented >.indented >.indented >.comment, .container >.indented >.indented >.indented >.indented >.indented >.indented >.indented >.comment { background-color: #eee; }

comment 1
comment 2
comment 3
comment 4
comment 5
comment 1
comment 2
comment 3
comment 4
comment 5
comment 2
comment 3
comment 4
comment 5

Комментариев нет:

Отправить комментарий