CSS- 无法在链接之间添加边距？

Question

我正在使用 CMS。我有一个菜单。我当然可以编辑菜单类，但不能编辑 li 类。我想要做的就是使用边距在每个链接之间添加一些空间。但是 CSS 不起作用？？

CSS 我正在尝试与类一起使用:

#block-system-main-menu li.menu__item is-leaf first leaf a{
    margin-bottom:15px;

}

这不对吗？

HTML

<div id="block-system-main-menu" class="block block-system contextual-links-region block-menu first last odd" role="navigation">
<div class="contextual-links-wrapper contextual-links-processed">
<ul class="menu">
<li class="menu__item is-leaf first leaf">
<li class="menu__item is-leaf leaf">
<li class="menu__item is-leaf leaf">
<li class="menu__item is-leaf leaf">
<li class="menu__item is-leaf leaf">
<li class="menu__item is-leaf leaf">
<li class="menu__item is-leaf last leaf">
<a class="menu__link active" title="" href="/">Contact Us</a>
</li>
</ul>
</div>

Answer 1

a 上的边距将被忽略，除非它显示为 block /内联 block 。

如果你有多个类，那么你需要用 . 加入它们，否则 css 会将它们误认为元素名称(正如 Benjamin 所指出的)

要使更大的区域可点击，我建议使用填充而不是边距，但这取决于您想要什么。

#block-system-main-menu li.menu__item.is-leaf.leaf a
{
    padding-bottom: 15px;
    display: inline-block;
}

http://jsfiddle.net/7SWB4/