css - 选择所有 ID，其中唯一的区别是 ID 名称中的数字

Question

我有所有这些具有相同 ID 名称的 div，只是它们最后的编号不同。

我知道我可以使用一个类，但它必须是一个 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 及更高版本。