我是初学者,所以如果你知道其他解决方案告诉我;) 我想在我的网站上制作菜单如下:
link / link / link / link / link
菜单就在这里,这就是我所做的:
li:before {
content: "/";
}
li:first-of-type {
color: #FFF; /* I've made first "/" same color as background, so we don't see it */
}
有一些填充标记,所以它看起来不错,但我想让你的阅读变得简单。
在大多数浏览器中它看起来很好,但当然旧的Internet Explorer不支持:first-of-type标记。我怎么能解决这个问题,所以用户不会看到第一个斜杠?
答案 0 :(得分:15)
li:first-child:before {
content: '';
}
IE7及更高版本支持:first-child
伪类。
请注意,IE7支持:first-child
(with some caveats),但在IE9支持其朋友:last-child
之前不支持。
此外,要隐藏添加了content
属性的内容,请不要更改颜色以匹配背景颜色,因为这就是我所说的丑陋的黑客。
相反,将其content
设置为空字符串,如上例所示。