为什么css网格列属性使用斜杠而不是空格获取多个值？

为什么css grid column属性采用如下多个值：

grid-column: <column-start> / <column-end>;

网格列：/；

---

通常，具有多个值（例如边界半径）的属性将用空格分隔。在这里，它们用斜线隔开。为什么会这样？

这也是像这样的属性的情况。例如：

它是

字体大小

和

行高

属性的速记属性

政府也这样做：

background: no-repeat center / 80% url("../img/image.png");

在

背景

的情况下，要定义

背景大小

，必须定义

背景位置

，后跟

/

，然后是

背景大小

值

网格列

是

网格列开始

和

网格列结束

属性的简写属性。这两个值都可以包含一个或多个空格。如果使用自定义标识符，则与

span 2

或

5 somegridarea span

类似

在我看来，

/

使它更具可读性，更不容易出错。它还消除了包含空格的值的模糊性

例如：

grid-column: 1 / span 2;

或

---

实际上，边界半径有时会被斜线分割。可能是因为值本身可以有空格，如

span 2

。在这种情况下，完整属性将是

网格列：1/span 2grid-column: 1 / span 2;

grid-column: span 3 / 7;