我在CSS中设置了无序列表以创建水平导航。每个列表项都有一个border-left属性来创建分隔线。列表中的最后一项没有此border-left属性（使用border-left：0覆盖）。但是，<a>链接元素（与<li>元素相对）显示border-left属性。我不能为我的生活找出如何去除它。
以下是有问题的网页：http://sa4idev.com/stabilis/buy-lng-here/ - 如果您查看底部导航，您会看到“在这里购买液化天然气”，在“购买”左侧有一个偏离的垂直边框 - - 它不应该在那里。有关如何删除它的任何建议吗？
谢谢！
答案 0 :(得分：1)
你可以使用CSS2伪CSS选择器。
在您的情况下，您想要从上一个li中删除边框，以便您可以选择last-child来执行此操作，或者如果您要从第一个li删除边框，则可以选择{{1} CSS选择器。
first-child答案 1 :(得分：1)
这似乎实际上来自应用于background:url('images/buy_lng_on.png') no-repeat;的背景图片#menu-item-59.current-menu-item a（检查员说第659行）。仔细检查图像中是否有蓝色杂散线。
修改
实际上，这是因为您将背景图片放在上 li和a里面（和a:hover偶然）。图像最左侧的蓝线显示li一次，a显示一次。从a中删除背景图片修复了我的测试中的问题。