никак не могу понять в чем ошибка.
ul.cards:empty{ //в общем-то можно написать так ul:empty или .cards:empty, но так тоже не верно.
height:70px;
border:2px dotted #55bb99;
}
li:not(:empty){
width:60px;
height:90px;
}
li:not(:empty) span{
display:block;
}