CSS - 使用：hover不按预期工作

Question

我正在努力使我的HTML / CSS工作，所以当我将鼠标悬停在列表项上时，会出现另一个ul。我所拥有的代码似乎无法运作。

我做了JSFiddle

＆＃13;

＆＃13;

BaseFont.createFont("arial.ttf", BaseFont.IDENTITY_H, true, false, bytes, null);

＆＃13;

.dropdown-content {
  display: none;
}

.navbar>li, a:hover + .dropdown-content {
  display: block;
}

＆＃13;

＆＃13;

＆＃13;