CSS样式元素[1-10]

如果我有5个ID为“element1”、“element2”等的div，那么有没有一种方法可以用如下内容设置元素数组的样式：

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

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

---

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

没有一个纯css方法可以做到这一点。您最好使用父子选择器。

我认为CSS中没有数组。您是否考虑过？

如果at所有元素都是可能的，则为所有这些元素提供一个共享类（例如，

class=“element”

）。您可以同时使用

id

和

class

属性，然后结合使用，这样您就可以不使用自动生成的id，而是添加自己的类以用于样式设置

如果不可能，您唯一的选择就是使用

#element1, #element2, #element3 {
    position: relative;
}

---

使用CSS无法做到这一点，但可以使用JavaScript（我建议使用jQuery）

尝试：

var lb=1；
var-ub=10；
对于（var i=lb；i，这在许多现代浏览器中都有效……IE除外：

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


p[id*=元素]{
颜色：#F00；
}

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>

元素1

元素2

元素3

元素4

元素5

---

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

没有jQuery，它非常简单：

document.getElementById（'element'+I）.className='myCSSClass'；

这也行。归根结底，这取决于您是要添加内联样式，还是只向元素添加现有类。是的，我需要限制它，但我想要的答案是，“没有办法”。

<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>