Html 答：悬停和css类重叠

我正试图在wordpress中制作一个侧菜单，它运行得很好，但由于某些原因，css是一个难题，我似乎无法将我的头围绕它

导航如下所示：

<nav>
  <ul id="sidebar-menu">
    <li class="page_item page-item-8 current_page_item"><a href="http://www.consana.nl/diensten/">Diensten</a></li>
    <li class="page_item page-item-32"><a href="http://www.consana.nl/diensten/dienst-1/">Dienst 1</a></li>
    <li class="page_item page-item-33"><a href="http://www.consana.nl/diensten/dienst-2/">Dienst 2</a></li>
    <li class="page_item page-item-36"><a href="http://www.consana.nl/diensten/dienst-3/">Dienst 3</a></li>
 </ul>
</nav>

#left-side nav a:hover, #left-side nav .current_page_item{
   border-left:10px #b8d276 solid;
   border-right:none;
   padding-left:10px;
   font-style: italic;
}

现在，当其中一个项目被“选中”（具有.current\u page\u item-tag）时，将再次应用悬停，不应该发生的是，它应该保持不变

在下一页中，您可以看到它正在运行：

---

任何帮助都将不胜感激

因为

有默认的

左边框

，您正在设置锚元素的样式

#left-side nav li:hover, #left-side nav .current_page_item{
   border-left:10px #b8d276 solid;
   border-right:none;
   padding-left:10px;
   font-style: italic;
}

---

谢谢！这完全解决了问题，这是我永远不会忘记的一件事：）