Задание 1/20 Объединение селекторов

Можете, пожалуйста, пояснить, почему в данном задании в задаче " Задайте цвет фона #339933 червям .heart которые стоят на первом месте в своей строке." не срабатывает селектор вида:
li:first-child .heart {background: #339933}, но срабатывает li:first-child.heart {background: #339933}
Ведь если я правильно понимаю, они оба обозначают селектора : выбрать все элементы с классом “heart”, которые стоят на первом месте в своей строке. Или я что-то путаю?

.spade.queen{
background-color: #ff3300;
}
li:first-child.heart {
background: #339933
}
li:last-child.ace{
background-color: #0099ff;
}