CSS層次結構 - div內的div

Question

我有幾個CSS，我已經從幾個來源拼湊在一起，但我的問題是相當基本的。

在這jsfiddle：http://jsfiddle.net/Ekbsb/1/爲什麼外部div的UL CSS優先於「下游」div的UL規則？

具體而言：

#bodytopPan ul{margin:0px 0px 0px 25px; padding:0px;} 

被重寫此代碼：

.ILdropdown ul{ 
    left: 0; 
    margin: 5px 0; 
} 

即使.ILdropdown ul在HTML被置於 「下」。這是不是應該如何工作的相反？

我的目標是用此特定實例替換body ul代碼。

謝謝。

Answer 1

CSS IDS（＃）優先於類（。）

重寫如下：

#bodytopPan ul{margin:0px 0px 0px 25px; padding:0px;} 

#bodytopPan .ILdropdown ul{ 
    left: 0; 
    margin: 5px 0; 
} 

Answer 2

這不是關於HTML中的順序，而是關於CSS中的順序。

編輯：如果你想具體（即隻影響主體，第一個ul在「身體」，沒有其他人，你可以做body > ul這將只針對無序列表，其中是直接的身體的孩子。顯然你可能不會有這種情況，更像是body > div > div > ul，但它可以讓你更具體的你要指定的UL（如果它沒有類）

Answer 3

bodytopPan是一個id，它比.ILdropdown更具體，它是一個類。特異性越高，聲明就越強調。