在Javascript或CSS </li>中更改具有不同ID的<li>项目的CSS

Question

HY， 我想为我所有的＆应用css样式。 li>他们的ID之后的标签...问题是这些标签有不同的id（自动增量）...我在我的firebug中截图：

对于所有＆lt; li>项目，ID是“abc_dev_view_menu_i *”，其中*是我添加的每个新项目的增量数字。

那么如何管理这个，如何为所有＆lt; 应用相同的样式 li>在这种情况下，每次添加一个项目时，ID的数量会增加？我尝试使用javascript，使用getElementById，但直到现在都没有工作

Answer 1

使用此属性选择器：

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

此CSS规则会将样式应用于li属性以id开头的每个abc_dev_view_menu_i（无论增量计数器如何）

Answer 2

或者，您可以对要应用哪种样式的所有li使用单个类

Answer 3

使用循环指令构建id，

for（i .....）id =“abc_dev_view_menu_i”+ i;