Иногда нужно сделать так, чтобы выпадающее подменю было открыто по умолчанию (а не только при наведении курсора). Как этого добиться?

Сначала к элементу списка в меню верхнего уровня, где должно быть открыто подменю, добавим класс open.

Затем используем селектор: .main-menu .open .sub-menu. И в нём пропишем свойство, которое отображает подменю.

Очень похоже на выделение активного пункта меню. Кстати, чтобы выделить сам пункт меню с открытым подменю, можно использовать вот такой селектор .main-menu > .open > a, то есть «ссылка, которая лежит непосредственно в элементе с классом open».