html - 使用 css .first 创建列表项分隔符

Question

请引用本example :

我正在尝试使用左边框和 .first css 规则的组合在我的列表项之间创建垂直分隔符(但不是在末尾)。怎么第一个元素前面还有边框？

HTML:

<ul>
    <li>Item1</li>
    <li>Item2</li>
    <li>Item3</li>
    <li>Item4</li>
    <li>Item5</li>
</ul>

CSS:

ul li {
    display:inline;
    border-left: 1px solid #000;
    padding-left:6px;
}

ul li.first {
    border-left: none;
}

Answer 1

我认为您正在寻找 :first-child 而不是 .first ( DEMO )

ul li:first-child {
    border-left: none;
}

为了进一步阐明，.first ( link ) 暗示了一个名为 first 的类，而 :first-child ( link )是一个伪选择器