嵌套的CSS id可以在firefox中运行，但不适用于IE8吗？

Question

我有像这样嵌套的html

<div id="content">
    <div id="asection">
        <h1>Some Text</h1>
    </div>
</div>

使用css属性如下

h1 {
color:#873C62;
font-size:32px;
line-height:26px;
}

#asection {
width:430px;
height:100%;
color:#666666;
font-size:12px;
line-height:17px;
}

#content {
width:968px;
clear:both;
padding:30px;
height:1%; overflow:hidden; 
}

除了Internet Explorer 7/8

之外，它在所有浏览器中都会显示

我仍然掌握着CSS和浏览器的兼容性，因此非常感谢任何额外的眼睛/专业知识。谢谢！

编辑： 我做了一个属性

#asection .h1 {} 

并从原来的h1中添加相同的东西并且它有效。 我更正了用h1和h7制作的拼写错误，当我试图使我的标记通用时，这是我的错误。

Answer 1

.不需要在h1点之前放置一个空格指向一个类，除非你有一个名为h1的类，即 class="h1" < / em>然后这不会按预期工作，

所以，如果你试图在#asection内定位h1，那么代码为：

#asection h1 {} 

Answer 2

#asection .h1 {}

h1之前的时段表示名为“h1”的类，而不是元素。要定位元素h1，只需按原样指定它。

这在Firefox和IE8中都应该相同;在这方面应该没有区别。