Какой псевдокласс следует использовать, чтобы сохранить видимость выпадающего меню?

Для сохранения видимости выпадающего меню следует использовать псевдокласс :focus.

Чтобы изменить псевдокласс :hover так, чтобы выпадающее меню появлялось при клике и оставалось видимым после отвода курсора с ссылки, можно использовать комбинацию псевдоклассов :hover и :focus.

Пример кода:

```css
.dropdown-menu {
  display: none;
}

.dropdown-item:hover .dropdown-menu,
.dropdown-item:focus .dropdown-menu {
  display: block;
}
```

В этом примере выпадающее меню будет появляться при наведении курсора на ссылку (:hover) и при фокусировке на ссылке (:focus), а также останется видимым после отвода курсора с ссылки.

 но это плохая затея.