如何使用变量CSS选择器

Question

有谁知道如何使用变量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>

现在我想通过id：

抓取表格

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

提前致谢！

Answer 1

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

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