如何在html header中使用分隔符分隔每个hyeprlink Home | Admin | Help
您可以使用CSS:before
来设置它的内容"|"
:not(:first-child)
将忽略在Home
(第一个子)之前应用|
。
你可以看到我下面的演示:
.menu-item:not(:first-child):before {
content: "|";
padding: 0 10px 0 5px;
}
<a class="menu-item" href="#">Home</a> <a class="menu-item" href="#">Admin</a> <a class="menu-item" href="#">Help</a>
我不确定你到底想要什么,但我认为你想在你的页面上的链接之间的分隔符如果你是这样设置导航的:
<div class="navigation">
<a href="/">Home</a>
<a href="/admin">Admin</a>
<a href="/help">Help</a>
</div>
或者类似的东西。您应该像这样添加分隔符:
<div class="navigation">
<a href="/">Home</a>
<div>|</div>
<a href="/admin">Admin</a>
<div>|</div>
<a href="/help">Help</a>
</div>
,如果你有
,给它相同或相似的CSS