Html css如何能为id提供相同的格式

我使用JQGrid和子网格，子网格的JQGrid自动通用Id，如gbox_Grid_Grid_1_t、gbox_Grid_Grid_2_t、gbox_Grid_Grid_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实现它

为什么不使用CSS类

标记：

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

---

如果您真的需要使用id来定位元素，那么您必须以某种方式将它们单独定位，但我需要更多的代码/解释，说明您为什么需要这样做。

只是要指出，您可以通过使用属性选择器，仅使用id来实现这一点

但正如其他人所说，您应该真正使用类

body{背景：#333}
/*ID以xyz开头*/
[id^=xyz]{
颜色：白色
}
/*ID以_t结尾*/
[id$=\u t]{
颜色：红色
}
/*ID包含\u t\u*/
[id*=\u t\u]{
颜色：蓝色
}

正常
正常的
正常的
红色
红色
红色
蓝色
蓝色
蓝色

最后是一个带有文本的答案，而不是代码转储…这很快：）我使用JQgrid和SubGrid，JQgrid自动为SubGrid设置id。我需要子网格与父网格的色差，我确信有一种方法可以在JQgrid中添加类。这可能会有帮助：否则，您可以使用jQuery以正则表达式作为元素的目标。@不，这里没有类，我使用JQgrid和SubGrid，JQgrid自动设置子网格的id，我需要子网格与父网格的颜色差异。

.normal { 
    color: red
}