1

次のようなナビリストがあります。

ホーム / 概要 / 所在地 / 連絡先

私はそれを単純なものとしてコーディングし<ul>、セパレーターに次のようなものを使用しています:

#nav li:after {
    content: "/";
}

ただし...デザイナーは、現在のページ（ナビゲーションの「アクティブな」アイテム）を太字で表示し、別のフォントへの変更を要求したいと考えています。このようなもの：

ホーム / 概要 / 所在地 / 連絡先

これは、アクティブなアイテム専用の別のスタイルで簡単に実行でき<li>ます。<li>ただし、ここに問題があります。区切り文字 ("/") も太字に変更され、新しいフォントになります。これは、アイテムの一部と見なされるためです。これは悪いことです...どのページがアクティブになっているかに関係なく、セパレーターが常に同じに見えるようにしたいです。それを変更する方法、またはセパレーターのフォーマットをオーバーライドする方法はありますか? (または、私がやろうとしていることを達成する CSS でこれをコーディングするより良い方法はありますか?)

4

1 に答える 1

3

/に通常のフォントの太さを指定できます。

#nav li:after {
    content: "/";
    font-weight: normal;
}
于 2013-07-23T01:06:22.783 に答える