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 id (#) 优先于类 (.)

重写如下:

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

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