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

Question

Hy, I want to apply a css style for all my < li > tags after their id...the problem is that these tags have different id(autoincremental)...I made a screenshot in my firebug:

For all < li > items, ID is "abc_dev_view_menu_i*",where * is a number wich increments for each new item I add.

So how to manage this,how to apply the same style for all < li > in this case where the number from ID increments each time I add one item?I tried with javascript,using getElementById but nothing worked until now

Answer 1

Use this attribute selector:

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

this CSS rule will apply a style to each li whose id attribute starts with abc_dev_view_menu_i (regardless of the incremental counter)

Answer 2

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

Answer 3

build the id with a loop instruction,

for (i .....) id="abc_dev_view_menu_i"+i;