css - 无序列表菜单中不需要的边框

Question

我试图弄清楚水平菜单项的边框在哪里(基于无序列表):http://developers.ttsistemi.com/clive/

我已经尝试了一切。我什至尝试将边框(以防万一背景，填充和边距)设置为无/透明/0，主要元素及其子元素，但我仍然得到这个烦人的边框(你几乎看不到它，但是在所有菜单项之间)。

该站点在 WordPress 中并使用 Required+ 子主题(基于 Zurb 的基金会)。

我花了大约 4 个小时试图找到此边框的来源(使用 Chrome 的开发人员工具检查 CSS)，但我被卡住了。我只是没有看到任何剩余的边框设置:父主题可能设置的所有内容现在都应该被覆盖。

Answer 1

1) 对于 .navbar > li删除当前设置的这些属性:

.navbar > li {
box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; /* Delete */
border-width: 1px medium 1px 1px; /* Delete */
border-style: solid none solid solid; /* Delete */
border-color: #333333 -moz-use-text-color #333333 #333333; /* Delete */

2) 因为你最后一个<li>使用 :last-child 选择伪选择器，您必须单独更改它，否则您将在最后一个菜单项上有边框。所以删除:

.navbar > li:last-child {
border-right: 1px solid #333333; /* Delete */
box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 
            1px 0 0 rgba(255, 255, 255, 0.2); /* Delete */

---

这是显示缺失边框/框阴影的屏幕截图

http://img38.imageshack.us/img38/5845/menu2b.jpg