我正在使用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>
最佳答案
除非a
上的空白显示为块/行内块,否则它将被忽略。
如果您有多个类,则需要将它们与.
联接,因为否则css会将它们误认为元素名称(本杰明指出)
为了使更大的区域可点击,我建议使用填充而不是边距,但这取决于您想要的内容。
#block-system-main-menu li.menu__item.is-leaf.leaf a
{
padding-bottom: 15px;
display: inline-block;
}
http://jsfiddle.net/7SWB4/
关于css - CSS-无法在链接之间添加边距?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/20438016/