Javascript 如何使用变量CSS选择器

有人知道如何使用变量CSS选择器吗？例如，我希望CSS获取一个表

id

属性，该属性是可变的。。。比如：

<table id="table_1">
    <thead>
    </thead>
    <tbody>
    </tbody>
</table>

<table id="table_2">
    <thead>
    </thead>
    <tbody>
    </tbody>
</table>

<table id="table_3">
    <thead>
    </thead>
    <tbody>
    </tbody>
</table>

---

提前谢谢

如果所有表都有相同的css，则可以使用类而不是id

---

在css中不可能迭代或执行其他类型的逻辑。要使用变量，您可以使用css预处理器，如sass或更少，但您必须“手动”定义每个变量

查看此特定示例：

table[id^=table.

将选择所有

属性以字符串

开头的
id
元素。不，这是不可能的，CSS没有变量。您需要将其设置为一个类，然后使用JavaScript更改哪个表具有该类。
table#[INSERT VARIABLE TABLE ID HERE]{ 
  margin: 0 auto;
  border-collapse: collapse;
  font-family: Agenda-Light, sans-serif;
  font-weight: 100; 
  background: #333; color: #fff;
  text-rendering: optimizeLegibility;
  border-radius: 5px; 
}