如何css为id相同的格式

Question

我使用JQGrid和SubGrid,Jggrid为SubGrid自动通用Id,如gbox_Grid_Grid_1_t,gbox_Grid_Grid_2_t,gbox_Grid_Grid_1_t_1_t ....:

   <div id="gbox_Grid_Grid_1_t"> normal</div>
   <div id="gbox_Grid_Grid_2_t"> normal</div>
   <div id="gbox_Grid_Grid_1_t_1_t"> red</div>
   <div id="gbox_Grid_Grid_2_t_1_t"> red</div>
   <div id="gbox_Grid_Grid_1_t_1_t_1"> blue</div>
   <div id="gbox_Grid_Grid_1_t_1_t_2"> blue</div>

'正常'我希望它打印颜色为白色

"红色"打印颜色为红色

'蓝色'打印颜色为蓝色

我怎么能用css做到这一点？

Answer 1

你为什么不使用CSS类？

标记:

<div id="xyz_1" class="normal">normal</div>

样式:

.normal { 
    color: red
}

如果你真的需要使用ID来定位元素,你必须以某种方式单独定位它们,但我需要更多的代码/解释,为什么你甚至需要这样做.