css – 选择所有ID,唯一的区别是ID名称中的数字

我有所有这些div具有相同的ID名称,除了它们最后都有不同的数字.

我知道我可以使用一个类,但它必须是一个ID.

<div id="myid1">text</div>
    <div id="myid2">text</div>
    <div id="myid3">text</div>
    <div id="myid4">text</div>

   <div id="test1">text</div>
   <div id="test2">text</div>

我的问题是使用CSS如何选择它们但是比这短.

#myid1,#myid2,#myid3,#myid4{
    color:red;
}

这种类型的东西是否存在,如果存在,你如何写它？

myid1[*]{
    color:red;
}

只需使用前缀属性选择器

[id^="myid"] {

}

此选择器以具有前缀“myid”的ID属性的任何元素为目标 – 值周围的引号是可选的.这个选择器适用于IE7&上面也是.