代码之家 › 专栏 › 技术社区 › Jeremy

IE6中的CSS中断

internet-explorer-7 internet-explorer-6 css html

Jeremy · 技术社区 · 15 年前

我有以下CSS选择器:

.section h1,
.section > div:first-child
{
 background-color: #E5E5E5;
 border-bottom: solid 1px #CCCCCC;
 padding: 3px;
 text-align:left;
 font-weight:bold;
}

现在,我知道第一个孩子和>选择器在IE6中不起作用,但h1节起作用。我的问题是,在IE6中,.section h1由于.section>div:first child而无法应用。有没有办法既不破坏IE又不指定整个样式两次?

2 回复 | 直到 12 年前

prodigitalson 15 年前

把它们放在单独的声明中。或者更好的做法是,在主样式表之后使用条件注释来包含仅IE6的样式表,该样式表包含 .section h1 只有。

RuZ 12 年前

是的,就像神童说的那样把它们分开。因为IE不识别“:FirstChild”,所以它只会“跳”出来并继续下一个声明。

推荐文章

Softly · 单选按钮未按预期取值

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Thirumal isireddy · 在导航栏顺风css中,img被扭曲,而不是将元素推到旁边

1 年前

eXor420 · 如何在脚本标记中使用导出的函数?

1 年前

Hadi · 如何在无效和有效输入中选择用于更改样式的psoudo元素(after)

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Kernier · 如何将数学公式支持添加到StacksEditor?

1 年前

Md. Ibrahim · CSS网格项溢出小屏幕滚动

1 年前

Arjun V Srivatsa · 如何将系统时区信息分配给javascript中的变量?

1 年前

Akshay mek · Vscode扩展建议不适用于某些文件夹

1 年前