css文件中的顺序是否起作用？

Question

在我的情况下,我有,简化了嵌套列表和封闭div,我无法改变它,它是由drupal菜单创建的.

我想克隆硬编码网站的菜单(编辑删除的链接)

我如何"嵌入"子菜单中的框(ul li ul li items),是否可以只在块显示的列表中？我需要一个z-index吗？还是漂浮？即使是列表项也可以浮动吗？

一般来说,我理解级联的东西,但仍然很难写很少重复的CSS.一些缩短技巧会很好.

我现在的主要问题是为什么最后一个条目(标记)的样式被覆盖.文件中的订单是否起作用？

#block-system-main-menu .content {
    font-size: 17px;
    font-weight: bold;
}

#block-system-main-menu div ul li {
    width: 207px;
    margin: 4px 0px;
}

#block-system-main-menu div ul li {
    display: block;
    height: 38px;
    background: url(/sites/all/themes/schott/menuitembg.gif);
}

#block-system-main-menu div ul li .active-trail {
    display: block;
    height: 60px;
    background: url(/sites/all/themes/schott/menuitembg_p.png);
}

div ul li ul li.leaf {   /* both styles are overwritten */
    display: inline-block;
    background: url(/sites/all/themes/schott/subitem_passive.gif);
}

Answer 1

编写的最后一个CSS规则是使用的规则,但是特殊性优先于级联.

一篇关于特异性的文章:http://css-tricks.com/specifics-on-css-specificity/

因此#block-system-main-menu div ul li .active-trail是最具体的,并将覆盖其他规则.