IE和:首先是类型

时间:2011-04-13 11:06:28

标签: css internet-explorer css-selectors

我是初学者,所以如果你知道其他解决方案告诉我;) 我想在我的网站上制作菜单如下:

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标记。我怎么能解决这个问题,所以用户不会看到第一个斜杠?

1 个答案:

答案 0 :(得分:15)

li:first-child:before {
    content: '';
}

IE7及更高版本支持:first-child伪类。

请注意,IE7支持:first-childwith some caveats),但在IE9支持其朋友:last-child之前不支持。

此外,要隐藏添加了content属性的内容,请不要更改颜色以匹配背景颜色,因为这就是我所说的丑陋的黑客

相反,将其content设置为空字符串,如上例所示。