为什么 css 网格列 属性 使用斜线而不是 space 取多个值？
Why does css grid-column property take multiple values with a slash not a space?
为什么 css 网格列 属性 采用多个值，如下所示：
grid-column: <column-start> / <column-end>;
通常具有多个值（例如 border-radius）的 属性 会用空格分隔它们。此处它们由斜杠分隔。这是为什么？
font 等属性也是如此。如：
font: 12px/18px;
这是 shorthand 属性 font-size 和 line-height 属性。
background shorthand property 做同样的事情：
background: no-repeat center / 80% url("../img/image.png");
在 background 的情况下，要定义 background-size，您必须定义 background-position，然后是 /，然后是 background-size价值。
grid-columns 是 shorthand 属性 用于 grid-column-start 和 grid-column-end 属性。并且这两个值都可以包含一个或多个空格。如 span 2，或 5 somegridarea span（如果使用自定义标识符）。
IMO，/ 使其更具可读性，并且不易出错。它还消除了包含空格的值的歧义。
例如：
grid-column: 1 / span 2;
或
grid-column: span 3 / 7;
为什么 css 网格列 属性 采用多个值，如下所示：
grid-column: <column-start> / <column-end>;
通常具有多个值（例如 border-radius）的 属性 会用空格分隔它们。此处它们由斜杠分隔。这是为什么？
font 等属性也是如此。如：
font: 12px/18px;
这是 shorthand 属性 font-size 和 line-height 属性。
background shorthand property 做同样的事情：
background: no-repeat center / 80% url("../img/image.png");
在 background 的情况下，要定义 background-size，您必须定义 background-position，然后是 /，然后是 background-size价值。
grid-columns 是 shorthand 属性 用于 grid-column-start 和 grid-column-end 属性。并且这两个值都可以包含一个或多个空格。如 span 2，或 5 somegridarea span（如果使用自定义标识符）。
IMO，/ 使其更具可读性，并且不易出错。它还消除了包含空格的值的歧义。
例如：
grid-column: 1 / span 2;
或
grid-column: span 3 / 7;