html - 编号类/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>

我的要求是访问 myMenu 中所有具有 id $=menu 的 div，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>

或使用更适合的类(连同id)。