CSS级联优先级

我有一个我正在尝试设计的HTML：

<div id="menubar">
    <menu id="menubarTransportControls">Foobar</menu>
</div>

…优先于

#menubarTransportControls {
    width: 100%;
}

我将IE7与HTML5 shiv javascript结合使用。谢谢

，因为

#菜单栏菜单

比

#菜单栏传输控件

有关更多信息，请参见。

菜单栏菜单

直接调用

菜单

标记，因此它具有优先级。

菜单栏菜单

比

菜单栏传输控件

具有更高的特异性

要了解特殊性：

• 规格：
• 如果你喜欢星球大战：
• 否则：

如果您愿意，可以使用此计算器：

---

一定要阅读上面的一些参考资料，了解“分数”的含义。

都是关于修道院的。例如，在css中，

id

比

class&element

更强大

id=100

class=10
element=1

在你的例子中：

#menubar menu = 100 + 1 = 101

&

---

那么，哪一个更为强大呢。有关更多信息，请查看此（CSS演示）

您是否已将CSS for菜单稍后放置到id中？你能试着推翻声明吗？@sudimail:仅供参考：只有当选择器具有相同的特异性时，顺序才起作用，这里不是这种情况。我不打算投反对票，因为答案是特异性，概念在这里，但特异性并不像加数字那么简单，（除非选择器中有9个以上的元素，否则它可以工作）-见-在你之前发布的正确计算方法，我只描述radbourm3的要求和更多我给出的链接。+1-只是为了澄清OP的明显性，特异性凌驾于级联，也就是说，它们在表格中的顺序与更具体的规则无关！

class=10
element=1

#menubar menu = 100 + 1 = 101

#menubarTransportControls = 100 = 100