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>

<小时/> 最终结果是备用行的颜色不同，提供了完成此操作的方式不包含包括：

JS
伪类
HTML知识（即将类或样式添加到HTML中的备用行，例如<tr class="changeBGcolour">或<tr style="background-color:grey;">）

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

谢谢。

P.S。我无法控制文本编辑器

Answer 1

如果你可以假设一个最大长度的表，那么你可以把你的CSS写成longform：

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行，那么它是可行的。

如何设置具有伪类，JS或类的备用表行的样式

1 个答案: