Html 解释CSS结构

我在一个网站上找到了这个代码。显然，是CSS样式定义了字体系列。但我无法得到这个结构。请帮帮我。提前谢谢

font-family: "Open Sans",Helvetica,Arial,sans-serif;

首先加载Open Sans字体，如果不可用，则加载Helvetica，如果Helvetica不可用，则加载Arial，如果它们都不可用，则加载另一种Sans serif字体

<family-name>

属性值是按优先级排列的字体系列名称和/或通用系列名称列表。与大多数其他CSS属性不同，组件值用逗号分隔，以表示它们是可选的：

有两种字体系列名称：

---

浏览器将尝试使用列表中的第一种字体，如果未安装，它将转到列表中的下一种字体，依此类推。

如果您阅读

font-family

，它会很好地解释这一点。当你对代码有疑问时，文档应该始终是你第一个去的地方。font family属性指定了一个字体列表，从最高优先级到最低优先级-严格地说，

font family

的“文档”应该是最高级的文档，而不是Mozilla（不管MDN有多好）；请参阅：（以及）。在某些浏览器中，如果当前字体不包含请求的字形，将进一步查阅列表

<family-name>

<generic-family>

    'serif' (e.g., Times)
    'sans-serif' (e.g., Helvetica)
    'cursive' (e.g., Zapf-Chancery)
    'fantasy' (e.g., Western)
    'monospace' (e.g., Courier)