zurb-foundation - ブレッドクラムセパレーターを変更するにはどうすればよいですか？

Question

ブレッドクラムセパレーターを別のものに変更することは可能/ですか？例えば：>

それとも、zurbを無視して、従来の方法で実行する必要がありますか？

Answer 1

/セパレータは、cssを介して次のように定義され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:">";
}