小编Ale*_*leg的帖子

我有点不明白有什么区别:before和::before例如.我应该使用哪一个？

我只是对 CSS 解决方案感兴趣。

我有一些导航包含 ul，里面有一些 li 项目。所以我的问题如何用 border-bottom 给这个 li 下划线？还有一个条件是 nav 具有静态高度，并且我希望 ul 将位于中心（水平和垂直）。

这就是我现在所拥有的。JSFiddle

HTML：

<nav>    
    <ul id="menu">
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">5</a></li>
        <li><a href="#">6</a></li>
</ul>
</nav>

和CSS：

nav {
    height: 120px;
    width: 90%;
    margin: 0 auto;
    display: table;
}

#menu {
    display: table-cell;
    vertical-align: middle;
    list-style-type: none;
    height: 20px;
    padding: 0;
}

#menu > li {
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    float: left;
    width: inherit;
    padding: 0 25px …