嵌套的CSS ID將在Firefox中工作，但不是IE8？

我已經嵌套的HTML像這樣嵌套的CSS ID將在Firefox中工作，但不是IE8？

<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; 
}

這顯示爲預期在所有瀏覽器除了IE 7/8

我仍然得到CSS和瀏覽器兼容性的懸掛，所以任何額外的眼睛/專業知識非常感謝。謝謝！

編輯：我做了一個屬性

#asection .h1 {}

，並把同樣的東西從原來的H1和它的工作。我糾正了我用h1和h7製作的拼寫錯誤，那是我的錯誤，當時我試圖使我的標記通用。

來源

2011-08-15 Christine

h7？但標記有h1，我認爲它只能到h6 –

你能說出你得到了什麼結果，以及它們與你的期望有什麼不同嗎？ – shanethehat

究竟什麼不行？ – user194076

無需對.只是把一個空間h1前點分一類，除非你有一個名爲h1即class="h1"類，然後按預期這將無法工作，

所以，如果你想目標內#asection這裏H1是代碼：

#asection h1 {}

來源

2011-08-15 18:22:03 tcnarss

#asection .h1 {}

的H1前的期限表示所謂的「H1」類，而不是一個元素。要定位元素h1，只需指定它即可。

這應該在Firefox和IE8中都一樣;在這方面應該沒有任何區別。

來源

2011-08-15 18:24:47 MrWhite

嵌套的CSS ID將在Firefox中工作，但不是IE8？

回答

相關問題