html - 移除 CSS 中的侧边框

Question

我有类似 this fiddle 中描述的菜单
这是一个从右到左的菜单。

如果您在鼠标悬停仍处于事件状态时可以看到左边框。我想当鼠标悬停时删除左侧边框

CSS

nav ul li:hover{
    background-color:#F9F9F9;
    border-style: solid;
    border-color:FAC3BC;
    border-top: 15px;
    border-left:none;
    border-right:none;
}

Answer 1

如果我理解您的意思，我想我已经找到了解决方案。

Update Fiddle

我添加了这一行:

nav ul li:hover + li{
    border-right:none;
}

或

border-right:1px solid transparent;