Не могу разобраться с :only-child

Не могу понять, почему в этом задании https://htmlacademy.ru/courses/57/run/12 во второй цели единственной строкой является строка с 5-ью картами. А как же две остальные строки? Почему этот селектор
ul:only-child {
padding: 10px;
border: 2px dashed #55bb99;
}
вообще срабатывает? В диве .group ведь три строки(три ul).

1 лайк

Если вы внимательно посмотрите на код, то заметите, что дива с классом .group - два. В одном внутри два ul (две строки), а в другом только один (одна строка). Селектор :only-child срабатывает на том ul, который является единственным дочерним элементом.

Спасибо за ответ! Видимо, вчера был очень уставший во время выполнения этого задания)