我有一个水平导航,我想使用CSS仅用"|"(竖杠)分隔每个导航项。
HTML
<ul>
<li>First</li>
<li>Second</li>
<li>Third</li>
<li>Fourth</li>
<li>Fifth</li>
</ul
现在它看起来是这样的
First Second Third Fourth Fifth
我希望它看起来像这样
First | Second | Third | Fourth | Fifth
我能够使用 CSS 在每个 <li>
前面加上一个“|”符号。
li:before {
content:"|";
}
不过结果是:
| First | Second | Third | Fourth | Fifth
我怎样才能在不将“|”符号添加到第一项的情况下完成这个操作?
li:first-child:before
。 - Oriol:not(:first-child)
破坏其他规则的情况下,他们拯救了我 - 请参见此处用于对除第一个标题外的标题进行编号。 - LuH