html - 如何在没有伪类、JS 或 <tr> 类的情况下设置备用表行的样式

Question

我使用的是旧的在线 HTML 编辑器/创建器，它不允许我插入伪类或 JS。

我想知道是否有人知道一种在不使用伪类且不为备用表行分配类，也不使用 JS 的情况下设置备用表行样式的方法。

不给交替行一个特定类的原因是内容可以由其他管理员用户编辑，但是他们不熟悉 HTML，所以我正在创建一个样式表，他们可以附加到他们的 HTML 文档。

任何使用 JS 或伪类的解决方案都会被这个旧的 HTML 编辑器/创建器系统立即删除，任何需要理解 HTML 的解决方案都无法实现。

下面是一个典型的 HTML 表格，不能被编辑(是的，这包括 JS)

HTML

<table>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
  </tr>
  <tr>
    <td>2</td>
    <td>4</td>
    <td>6</td>
    <td>8</td>
    <td>10</td>
  </tr>
  <tr>
    <td>3</td>
    <td>6</td>
    <td>9</td>
    <td>12</td>
    <td>15</td>
  </tr>
  <tr>
    <td>4</td>
    <td>8</td>
    <td>12</td>
    <td>16</td>
    <td>20</td>
  </tr>
  <tr>
    <td>5</td>
    <td>10</td>
    <td>15</td>
    <td>20</td>
    <td>25</td>
  </tr>
</table>

---

最终结果是交替行具有不同的颜色，前提是实现此目的的方式不包括:

1. JS
2. 伪类
3. HTML 知识(例如，将类或样式添加到 HTML 中的交替行，例如 <tr class="changeBGcolour"> 或 <tr style="background-color:grey;">)

我只是想知道这是否可以实现。

---

非常感谢与此相关的任何帮助，

谢谢。

附言我无法控制文本编辑器

Answer 1

如果您可以假设表格的最大长度，那么您可以将 CSS 写成长格式:

tr { background: grey; }
tr + tr { background: white; }
tr + tr + tr { background: grey; }
tr + tr + tr + tr { background: white; }
tr + tr + tr + tr + tr { background: grey; }
tr + tr + tr + tr + tr + tr { background: white; }
tr + tr + tr + tr + tr + tr + tr { background: grey; }
…

这会很快减慢您的 CSS，所以不要为了应对每一种可能情况而只添加 1000 行，但如果您可以假设最多 20 行，那么它是可行的。