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

Question

我有所有这些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;
}

Answer 1

只需使用前缀属性选择器

[id^="myid"] {

}

此选择器以具有前缀"myid"的ID属性的任何元素为目标 - 值周围的引号是可选的.此选择器也适用于IE7及以上版本.