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

在我的例子中，我简化了一个嵌套列表和封闭的div，我不能更改它，它是由drupal菜单创建的

我想克隆硬编码站点的菜单（编辑删除的链接）

如何在子菜单中“嵌入”框（ul li项目），是否可以仅在块显示列表中？我需要它们的z索引吗？还是浮动？在列表项上甚至可以浮动吗

总的来说，我理解层叠，但仍然努力编写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);
}

---

是的，CSS的顺序确实起到了一定的作用。在样式之后声明的任何内容都将覆盖上一个样式。此外，如果您想覆盖某种类型的默认样式，请在默认样式之后包含它们（无论您是在同一文件中编写它们，还是只做指向您自己的样式表的元链接）

将其更改为：

#block-system-main-menu div ul li ul li.leaf {

我对你的问题有点困惑，但一般来说，如果你有两个相同的规则，后面的规则会被应用。但是，如果规则不相同，则以更具体的规则为准

---

编辑：抱歉，我可以看到您刚刚计算出最后编写的CSS规则是使用的，但是特定性优先于级联

一篇关于特殊性的文章：

---

因此，

#阻止系统主菜单div ul li。活动轨迹

是最具体的，将覆盖其他规则。

hm为什么最后一个条目被覆盖我理解，我删除了前面的id并忘记了这一点。