В теоретической части для примера дан CSS-код. Но непонятно, то ли пробелы не отображаются между селекторами по классам и тегам, но это все же контекстное написание, то ли это какие-то еще не изученные теги с точками внутри.
li.top ul.submenu {
display: none;
}
li.top:hover ul.submenu {
display: block;
}
Здесь не нужны пробелы. Такой селектор просто уточняет, какой именно элемент с классом вы выбираете. То есть например, элемент li с классом top. Вдруг класс top у вас добавлен еще и к параграфу, к примеру.
Ага, теперь понятно. Спасибо за разъяснение!
Или я упустил этот момент в предыдущих уроках, или, если его не было, возможно стоит добавить это разъяснение - думаю многим это упростит понимание.