zurb-foundation - 如何更改面包屑分隔符？

Question

是否可以将面包屑分隔符更改/为其他内容？例如：>

还是我应该忽略 zurb 并以传统方式进行？

Answer 1

/分隔符是通过 css in 定义的foundation/scss/foundation/components/modules/_ui.scss：

ul.breadcrumbs { 
    li:before { content: "/"; color: #aaa; }
    li:first-child:before { content: " "; }
}

要更改它，您需要在app.css文件中覆盖此 CSS：

ul.breadcrumbs li:before { content: ">"; }

Answer 2

将以下内容添加到您的 CSS 中：

.breadcrumbs li:not(:last-child)::after
{
     content:">";
}