CSS 样式 #elements[1-10]

Question

如果我有 5 个 id 为“element1”、“element2”等的 div...，有没有一种方法可以使用类似以下内容的元素数组样式:

#elements[1-10]{
 position:relative;
}

我知道你们可能认为我疯了，但我正在处理一些自动生成的代码，我将不得不编辑此 cms 的核心文件，我不想这样做，以防客户端升级 future 。

话虽如此，我不可能手动将 ID 更改为类。

Answer 1

这适用于许多现代浏览器...除了 IE:

<style type="text/css">
  p[id*=elements] {
    color: #F00;
  }
</style>

HTML

<p id="elements1">Elements 1</p>
<p id="elements2">Elements 2</p>
<p id="elements3">Elements 3</p>
<p id="elements4">Elements 4</p>
<p id="elements5">Elements 5</p>

但据我所知，没有办法限制它。