CSS:删除最后一项和第一项的分隔符

Question

我有一个深色背景的菜单div.在它内部,我有几个菜单项div,右边和左边有1px边距.这样我就有了它们之间的分隔符.显然这些出现在我不想要的菜单的左侧和右侧.有没有办法在不插入1像素div作为分隔符的情况下实现这一目的？

谢谢

编辑:对不起,我认为它足够描述.这是代码:

<div id="menu">
       <a href="#"><div class="menu_item"><img src="imgs/menu/szabalyzat.png" /></div></a>
       <a href="#"><div class="menu_item"><img src="imgs/menu/profil.png" /></div></a>
       <a href="#"><div class="menu_item"><img src="imgs/menu/zenekarok.png" /></div></a>
       <a href="#"><div class="menu_item"><img src="imgs/menu/jelentkezes.png" /></div></a>
       <a href="#"><div class="menu_item"><img src="imgs/menu/esemenynaptar.png" /></div></a>
       <a href="#"><div class="menu_item"><img src="imgs/menu/mmmk_estek.png" /></div></a>
 </div>

IE6不兼容是可以的(谢天谢地).

Answer 1

以下规则将适用于跟随另一个.menu_item元素的所有.menu_item元素:

.menu_item + .menu_item {
  border-left: 2px solid black;
}