我想创建一个CSS horizo​​natal菜单分隔只, 没有任何图像. 我主要使用在页眉或页脚的菜单这种方法. 但是这种方式是有限的, 因为我只知道边界左或右的CSS属性 (克. 左边框:1px的固体＃CCC或边界的权利:1px的固体＃CCC) 而这些属性的地方只有一个 ” | ” 分离器的菜单. 不是太有创意.

但 – tatatata – 我发现一个新的 (对我来说) CSS属性 “内容” 和一个新的 (对我来说) 类选择 “如果:后”, 所以我可以将一个特殊字符菜单分隔现在在我的菜单.

范例:

li:after {content:" | "}

我的网站的页脚菜单已创建以下参数:

＃如果footermenu:{内容后:" > "}＃footermenu li.item81：在{内容:" "}

第一 “内容” 物业放置 “>” 字符后，在页脚菜单中的所有菜单项, 第二 “内容” 物业删除 “>” 字符从去年 (item81）菜单项.

我测试了它在Firefox 3, IE 8, 谷歌浏览器 2.0 和Opera 9.63, 它工作正常，在所有提到的浏览器.

见页脚我的菜单.