有没有办法让一个表格选择器在 CSS 中以不同的方式为多个表格工作？答案

【问题标题】：Is there a way to make one table selector work for several tables differently in CSS?有没有办法让一个表格选择器在 CSS 中以不同的方式为多个表格工作？
【发布时间】：2018-07-12 21:05:54
【问题描述】：

我正在从一个自动将数据加载到 HTML 和 CSS 表格中的应用程序中提取数据。我想创建一个 CSS 文件，这样我的公司就不必在每次从应用程序下载数据表时重新格式化 HTML 和/或 CSS。我想我会改变 CSS 以迎合应用程序生成的 HTML。这样，当我们每个月下载数据表的 HTML 时，我们只需要保存 HTML 文件，CSS 文件每次都会格式化。我想要页面右侧的一半表格和左侧的一半表格，但现在它们都在左侧。

问题出现在这里：每个表都在同一个类名下。通常，我会在 HTML 中将每个表命名为适当的类名，并在 CSS 文件中调整格式。但是，由于我不想触摸自动格式化的 HTML，有没有办法在 CSS 中动态格式化单个表格选择器？

我在想如果 CSS 是一种动态语言，我会创建一个变量，每次调用表格选择器时添加一个变量，然后将每个奇数变量放在右边，每个偶数变量放在左边.我在 JavaScript 或其他脚本语言方面没有太多经验，但这种方法在 CSS 中是否可行，或者我有其他方法可以做到这一点吗？

【问题讨论】：

如果表格的顺序始终相同（提前知道），您可以使用nth-of-type

标签： javascript html css css-selectors formatting

【解决方案1】：

在此处查看第 n 个子选择器：https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-child。假设您的所有表格都与您的 HTML 处于同一级别，这应该允许您选择其他所有表格！

【讨论】：