Подскажите пожалуйста не пойму, почему в первом случае карты закрашиваются(3-й ряд зеленый), а во втором нет:
1-й вариант
ul:nth-of-type(3) li:nth-child(4n+8){
background-color: #339933;
}
2-й вариант
ul:nth-of-type(3) li:nth-child(8):nth-child(11){
background-color: #339933;
}
Если быть точнее, то я понимаю почему срабатывает первый вариант, но не понимаю почему не срабатывает второй? заранее спасибо