有没有一种方法可以使一个表选择器在CSS中以不同的方式工作于多个表?

时间:2018-07-12 13:02:37

标签: javascript html css css-selectors formatting

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

问题出在这里:每个表都使用相同的类名。通常,我只是将每个表命名为HTML中的适当类名,然后在CSS文件中调整格式。但是,由于我不想触摸自动格式化的HTML,因此有没有办法在CSS中动态格式化单个表选择器?

我当时在想,如果CSS是一种动态语言,我只会创建一个变量,每次调用表选择器时都将其添加一个,并在右侧添加每个奇数变量,在左侧添加每个偶数变量。我对JavaScript或其他脚本语言没有太多的经验,但是这种方法是否可以在CSS内使用,或者还有另一种方法可以做到这一点?

1 个答案:

答案 0 :(得分:-2)

在此处签出第n个子选择器:https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-child。假设所有表都在HTML的同一级别上,这应该允许您彼此选择!