Селектор последующих элементов (10/20)

Комрады, вопрос такого плана:
"Во втором задании требуется покрасить всех тузов, идущих за червонным валетом.

 .heart.jack ~ .ace {
    background: #339933;
}"

Цель засчитывается, но по идее раскладки самого пасьянса мы ведь сначала выкладываем первый ряд карт, затем, под ним, следующий. Посему трефовый туз, стоящий вторым во втором ряду, идет следом за червонным валетом, стоящим последним в первом ряду.



Если я верно мыслю, то вышенаписанное правило в стилях действует только в границах своего родителя ( в нашем случае UL’а).
А как бы вот так извернуться, чтобы покрасить этого туза?
Своей головой не дошел=> нужна помощь.

ЗЫ Чуть поворчать вдогонку: у вас там это…LI в теории не закрыты:wink:

Не надо ворчать) Согласно этому материалу закрывающий тег для li не является обязательным.
Покрасить туз через дочерний элемент другого родителя мне тоже не удалось.

1 лайк

“И все же, доктор, неаккуратненько как-то” © :smiley:

1 лайк

.king+li{
background:#ff3300;
}
.heart.jack ~ .ace {
background: #339933;
}

.club.king ~ .heart.jack {
background: #0099ff;
}