php - 在菜单项之间添加分隔线(忽略伪类)

Question

我正在尝试在 a Concrete5 site 中的菜单项之间实现分隔线, 并尝试通过为每个菜单项添加一个 border-right 来实现，然后使用 :first-child 伪类在第一个菜单项之前添加一个分隔符。然而，伪类被忽略，并且边框被添加到每个菜单项的两侧。这是代码:

.top-bar-section ul li > a {
    display: block;
    width: 100%;
    color: white;
    padding: 12px 0 12px 0;
    padding-left: 15px;
    font-size: 0.8125em;
    font-weight: bold;
    background: #0D42C0; 
    border-right: 1px solid white;
}
    .top-bar-section ul li > a:first-child {
          border-left: 1px solid white;
}

我不知道 CMS 生成的 HTML 菜单的确切结构，但这些选择器似乎可以正常工作。不确定是否需要其他任何帮助来解决此问题。如果需要更多信息来诊断此问题，请告诉我。

非常感谢任何帮助!

Answer 1

所有 <a> s 是他们各自的第一个 child <li>秒。您需要定位第一个 <li>反而。试试这个:

.top-bar-section ul li:first-child > a {
      border-left: 1px solid white;
}

为了将来引用，请在问题中包含您的 HTML。