私はCSSでhorizo​​natalメニューの区切り文字を作成したい, 任意の画像なし. 私は、ヘッダーまたはフッターのメニューを中心に、このメソッドを使用する. しかし、この方法が限られていた, 私は境界線のみ、または右のCSSプロパティ左知っていたので、 (gの. 国境左:1px固体＃または罫線右cccの:1px＃cccの固体) これらのプロパティは、配置 ” | ” メニューのセパレータ. あまりにも創造的な.

しかし、 – tatatata – 私は新しいものを発見 (私のために) CSSプロパティ “コンテンツ” 一つの新しい (私のために) クラスセレクタ “場合:後”, 私は現在、メニューの区切り文字として私のメニューに含まれる特殊文字を配置することができます.

例:

li:after {content:" | "}

自分のサイトのフッターのメニューは、次のパラメータで作成されている:

＃footermenu場合:{内容の後に:" > "}＃footermenu li.item81：の後に{コンテンツ:" "}

最初の “コンテンツ” プロパティの場所 “>” フッタメニュー内のすべてのメニュー項目の後の文字, 2番目 “コンテンツ” プロパティが削除されます “>” 最後の文字 (item81）メニュー項目.

私はFirefoxでそれをテスト 3, IEの 8, Google Chromeの 2.0 とOpera 9.63, それが正常に動作すべて記載のブラウザで.

フッターの私のメニューを参照してください.