Динамические эффекты с помощью :hover

Задание выполнил, но не могу понять, какую роль в коде играет тег em?

em для выделения текста )

Сбивает с толку Теория в задании

li.top ul.submenu {
display: none;
}

li.top:hover ul.submenu {
display: block;
}

a конкретно top и submenu. Ввиду плохого знания синтаксиса CSS сначала думал, что это зарегистрированные слова. В теорию укажите кусок html, а то сложно с ориентироваться.

А что на самом деле это означает? Я также ничего не понял из этой теории. Что такое li.top и ul.submenu?