Html Spry菜单文本间距

我有一个spry菜单，菜单中有子菜单，数字之间的间隔非常糟糕。我几乎改变了spry菜单

css

中的所有内容，但间距不会改变。我认为这与填充有关，但不能确定。 所以我的问题是：为什么子菜单文本之间的间距这么大？

下面是子菜单

css

的内容：

ul.MenuBarHorizontal ul
{
margin: 0;
padding-top: .5em;
padding-right: .75em;
padding-bottom: 5em;
padding-left: .75em;
list-style-type: none;
font-size: 50%;
z-index: 1020;
cursor: pointer;
width: 83px;
position: absolute;
left: -100em;
border: 0px;
text-align: center;
top: 91px;
height: 307px;
    }

我看了其他问题，但似乎没有一个能回答我的问题。我读过很多漂亮的菜单，但没有运气。也许其他人可以给我一些建议

---

让我总结一下我的问题。我需要更改什么才能在子菜单中保留文本空间，使它们不会相隔太远？

您没有正确选择子菜单元素：

它应该类似于：

ul li ul li a{
}

或

或

尝试将鼠标悬停在其中一个子菜单上，右键单击并选择“inspect”元素。您可以看到HTML由您试图瞄准的控件组成

---

一旦你有了正确的CSS选择器，你的样式就应该开始工作。

将你发布的样式代码放入其中一个选择器中。我建议你把它放在第二个例子中。您应该看到子菜单的样式发生了变化。您在其中一个选择器中的意思是什么？更新的示例，请尝试第三个。CSS选择器是您为覆盖这些元素的样式而针对的元素/类/ID。。。例如，如果我想在整个网站上设置链接的颜色样式，我会针对以下CSS选择器--a{color:red；}--“a”是CSS选择器。如果我更改CSS中的任何子菜单名称，它将停止工作。没有下拉菜单我没有要求您更改CSS中的任何名称。我暗示您应该在代码示例中显示的“ul.MenuBarHorizontal ul”的末尾添加“li a”。结果选择器为：“ul.MenuBarHorizontal ul li a”。

ul.MenuBarHorizontal ul li a {
}

ul.MenuBarHorizontal ul li a {
    margin: 0;
    padding-top: .5em;
    padding-right: .75em;
    padding-bottom: 5em;
    padding-left: .75em;
    list-style-type: none;
    font-size: 50%;
    z-index: 1020;
    cursor: pointer;
    width: 83px;
    position: absolute;
    left: -100em;
    border: 0px;
    text-align: center;
    top: 91px;
    height: 307px;
}