CSS относится к каждому нечетному вложенному дочернему элементу?

Question

Я пытаюсь создать систему комментариев, в которой вложенные комментарии имеют цвета фона зебры.(Синий bg отвечает на белый bg отвечает на синий bg ...)

Вместо того, чтобы ссылаться на них как .comment, .comment .comment .comment, .comment .comment .comment, .comment, .comment......, есть ли способ обратиться к этим вложенным дочерним элементам?

*** У меня есть доступ только к таблице стилей, поэтому о html, php и javascript не может быть и речи.

Answer 1

У меня есть система, в которой мне нужен эффект Зебры на всех строках таблицы, я использовал следующий jQuery.Maby селектор также подаст заявку на вас.

$('#celebs tbody tr:even').css('background-color','#dddddd');

Надеюсь, это поможет

Answer 2

Найдите nth-child в справочнике по CSS, раздел селекторов.Используется что-то вроде этого:

tr:nth-child(even) {
   background: #cccccc;
}
tr:nth-child(odd) {
   background: white;
}

вам не нужно применять разные классы к чередующимся строкам;Сам CSS будет отличать четные строки от нечетных строк.

Answer 3

Вы можете добавить альтернативный класс для сопровождения .comment, который применяется процедурно при размещении комментариев на странице (например, .row1, .row2 и т. Д.), А затем соответствующим образом стилизовать эти классы с помощью CSS.