如何解释CSS文档符号？

Question

我了解CSS Grid布局和the article使用如下标记：

repeat([ <positive-integer> ] , [ <line-names>? <track-size> ]+ <line-names>?) 

我对[] <> ? +

平均不清楚这是符号标准或有名字吗？如果是这样，我可以在哪里学习如何解释？

Answer 1

下面的代码表示模板，你需要使用repeat()：

repeat([ <positive-integer> ] , [ <line-names>? <track-size> ]+ <line-names>?) 

打破下来，有问题的部件含义如下：

• []表示必需的参数。显然你需要提供一些重复的内容，以及重复的频率。 第一个的参数是重复的次数，这显然需要是一个正数整数。 第二个的说法是什么重复。
• <>表示立即包含的是占位符。该文档试图通过指定明显的描述符来澄清这些组件，例如positive-integer，但希望您填写这些值。
• ?表示可选参数。任何直接跟着问号的参数都是可选的。也就是说，您不需要需要为正在重复的内容提供line-names。
• +代表一个或多个。第二个<line-names>是结束点。如果提供，repeat()只会到达该行。未提供时，它将继续按照<positive-integer>中指定的值。实质上，就像?一样，+告诉你，你可以可以提供一个终点，但不必。

如图所示直接下面你链接的文档模板，使用repeat()代码样本位将是：

grid-template-columns: repeat(4, 30px 100px); 

这是相同的话说：

grid-template-columns: 30px 100px 30px 100px 30px 100px 30px 100px; 

这是因为第二个参数（字符串30px 100px）重复了第一个参数（4）指定的次数。在这个例子中没有提供行名或终点，就像在最常见的用例场景中那样。

有关CSS Grid的repeat()的更多信息，请参阅Alligator.io。

希望这会有所帮助！ :)

Answer 2

这些符号对于CSS网格布局规范不是唯一的。

它们用于所有CSS属性的定义。

有关完整说明，请参见CSS Values and Units Module规范。

特别是，请参阅下面的部分，它解释了每个符号的含义。

2. Value Definition Syntax

这里所描述的语法用于定义所述一组有效值 为CSS属性。属性值可以有一个或多个组件。

对于这种类型的语法的解释阅读关于Backus-Naur。