Html 在IE7-8中根本没有应用CSS类_Html_Css_Internet Explorer_Css Selectors

Html 在IE7-8中根本没有应用CSS类

html css internet-explorer

Html 在IE7-8中根本没有应用CSS类,html,css,internet-explorer,css-selectors,Html,Css,Internet Explorer,Css Selectors,已设置，并且html5shim.js已包含在每页的中我有CSS： .height_fix_container > * { margin:0; background:#fff url(../images/bg.jpg) top left no-repeat; min-height: 400px; } .height_fix_container > *:first-child { background:#fff; } /*Good eye! But the problem still

已设置，并且

html5shim.js

已包含在每页的

中

我有CSS：

.height_fix_container > * { margin:0; background:#fff url(../images/bg.jpg) top left no-repeat; min-height: 400px; }
.height_fix_container > *:first-child { background:#fff; } /*Good eye! But the problem still exists*/

在页面中部应用此代码：

...
<div class="height_fix_container">
    <div>Content box 1</div>
    <div>Content box 2</div>
</div>
...

。。。
内容框1
内容框2
...

在除IE7和IE8之外的所有浏览器中，CSS选择器都非常有效。但是，在IE中，内容框1可以识别选择器，但内容框2完全忽略它。我正在用IE中的内置开发工具检查这一点

为什么会发生这种情况？

在IE中，您需要声明一个DOCTYPE，以便它识别第一个子选择器

<!DOCTYPE .......>

在第二类定义中，您还缺少“fff”前面的一个。它根本不影响代码，只是一个语法编辑

在IE中，您需要声明一个DOCTYPE，以便它识别第一个子选择器

<!DOCTYPE .......>

在第二类定义中，您还缺少“fff”前面的一个。它根本不影响代码，只是一个语法编辑

IE7对

：第一个孩子非常特别，可能会被前面的*
噎住
也许可以向图纸中添加其他样式：
 .height_fix_container > div:first-child { background:#fff; } 

未测试的
IE7对第一个孩子非常特殊，可能会被之前的

*噎住

也许可以向图纸中添加其他样式：

 .height_fix_container > div:first-child { background:#fff; }

未测试

您的页面正在中显示。你的描述和CSS让我非常确定

最可能的原因是第一行没有有效的doctype。添加以下内容：

<!DOCTYPE html>

如果您已经有了doctype，那么还有其他一些事情可能会导致模式异常

一旦修复此问题，

background:fff

将不再工作。您需要

背景：#fff

。

很重要。

您的页面正在中显示。你的描述和CSS让我非常确定

最可能的原因是第一行没有有效的doctype。添加以下内容：

<!DOCTYPE html>

如果您已经有了doctype，那么还有其他一些事情可能会导致模式异常

一旦修复此问题，

background:fff

将不再工作。您需要

背景：#fff

。

很重要。

类似的选择器在IE7和IE8中工作（第一个div为绿色，第二个为红色）。问题出在其他地方（背景图像url、其他规则等）。

-类似的选择器-适用于IE7和IE8（第一个div为绿色，第二个为红色）。问题出在其他地方（背景图像url、其他规则等）。

您并没有在IE9中测试它，是吗？如果有一个可查看的实时页面，这将非常、非常、非常容易解决。当IE8在你的页面上打开时，点击F12打开开发者工具。哪种“文档模式”/“浏览器模式”？我希望可以，它在我工作的公司的测试环境中。让我看看是否可以将问题复制到其他地方供您查看<代码>浏览器模式：IE8

文档模式：IE8标准

您没有在IE9中测试它，是吗？如果有一个可查看的实时页面，这将非常、非常、非常容易解决。当IE8在你的页面上打开时，点击F12打开开发者工具。哪种“文档模式”/“浏览器模式”？我希望可以，它在我工作的公司的测试环境中。让我看看是否可以将问题复制到其他地方供您查看<代码>浏览器模式：IE8

文档模式：IE8标准

我在写我自己的答案之前没有读过你的答案，但你说的和我一样。请注意，IE9将有相同的问题（它不是“IE8及更早版本”）。已经被设置，这个HTML在页面的中间。对fff之前的#有很好的了解，但问题仍然存在。您如何将样式表链接到页面？它能识别任何一种样式吗？

将至少在IE6及以后的版本中触发标准模式。它能识别所有其他样式。我在写我自己的样式之前没有读过你的答案，但你说的和我一样。请注意，IE9将有相同的问题（它不是“IE8及更早版本”）。已经被设置，这个HTML在页面的中间。对fff之前的#有很好的了解，但问题仍然存在。您如何将样式表链接到页面？它能识别任何一种样式吗？

将至少在IE6及以后触发标准模式。它能识别所有其他样式。它实际上是在选择：第一个没有问题的孩子。另一个DIV忽略了选择器。此外，还有其他一些例子使用了div以外的东西（图、文章等），这就是为什么我使用了*。它实际上是在选择：第一个没有问题的孩子。另一个DIV忽略了选择器。此外，还有其他使用div以外的东西的实例（图、文章等），这就是我使用*的原因。