javascript - 在 Javascript 或 CSS 中更改具有不同 ID 的 元素的 CSS

Question

你好，我想在我的所有 < li > 标签的 id 之后应用一个 css 样式...问题是这些标签有不同的 id(自动增量)...我在我的 Firebug 中做了一个截图:

对于所有 < li > 元素，ID 是“abc_dev_view_menu_i*”，其中 * 是我添加的每个新元素的递增数字。

那么如何管理这个，如何对所有

应用相同的样式，在这种情况下，每次我添加一个元素时 ID 中的数字都会递增？我尝试使用 javascript，使用 getElementById但直到现在都没有用

Answer 1

使用这个属性选择器:

li[id^="abc_dev_view_menu_i"] {
   /* common style */
}

此 CSS 规则将对每个 li 应用样式，其 id 属性以 abc_dev_view_menu_i 开头(无论增量计数器如何)