如何保护电网免受未来变化的影响？[关闭]

问：

我喜欢它，因为它允许我直观地设计我的网格，并且它还定义了潜在的区域。我不必使用/定位给定的区域。但是，正如我所了解和发现的那样，它不支持重复： CSS Grid - 可重复的网格模板区域grid-template-areasgrid-template-areas

所以我不能写这样的东西：

    grid-template-areas:
       ".      h-code h-name h-flag h-singular     h-singular1   h-singular1 h-plural1      h-plural1      h-plural1  ."
       ".      h-code h-name h-flag h-singular     h-singular2   h-singular2 h-plural2      h-plural2      h-plural2  ."
       ".      h-code h-name h-flag h-sg-masculine h-sg-feminine h-sg-neuter h-pl-masculine h-pl-feminine h-pl-neuter ."
repeat("c-bulk c-code c-name c-flag c-sg-masculine c-sg-feminine c-sg-neuter c-pl-masculine c-pl-feminine c-pl-neuter c-action" );

这将定义常量标题（前缀“h”）加上带有单元格的多行（“c”前缀）。如果没有不存在的行，所有行都只是相互重叠。repeat

好的，所以我从模板中删除了“c-”区域，只留下标题区域。对于实际的行单元格，我定义了如下类：

...
.sg-masculine-cell
{
    grid-column: 5;
}

.sg-feminine-cell
{
    grid-column: 6;
}

.sg-neuter-cell
{
    grid-column: 7;
}
...

它有效，但在这里我们进入我的问题 - 这个“解决方案”非常脆弱。假设我想在开头添加另一列 - 这意味着对所有 11 个当前列重新编号。比方说，我想删除第一个 -- 再次，重新编号所有。

所以我有一个问题 -- 如何保护网格定义免受未来这样的变化的影响？假设我想添加一列，那么我想更改此列，新列，而不是所有现有定义。