用于编号类/id 的 CSS 选择器

Question

我有以下情况：

<div id="myMenu">
   <div id="menu0">stuffs</div>
   <div id="menu1">stuffs</div>
   <div id="menu2">stuffs</div>
   ...... and so on
</div>

我的要求是访问$=menu内部有 id 的所有 div，myMenu除了menu0，因为我的菜单可以有 10 到 15 个项目，所以一种方法是：

 #myMenu > menu1 {style}
 #myMenu > menu2 {style}
 so on... 15 times

但由于我必须为所有这些提供相同的样式，这似乎没有必要，我正在寻找能够正确满足我的要求并且兼容 IE8 的 CSS 选择器。

任何帮助是极大的赞赏。

Answer 1

如果您始终拥有该#menu0元素，则可以使用兼容 IE8 的通用同级选择器：

    #menu0 ~ [id^="menu"] {
        color: red;
    }

<div id="myMenu">
   <div id="menu0">stuffs</div>
   <div id="menu1">stuffs</div>
   <div id="menu2">stuffs</div>
</div>

或使用classes（与ids 一起）更适合的。