来自Code Academy的网站:CSS样式:
<head>
<link href="font.css" rel="stylesheet">
<link href="main.css" rel="stylesheet">
</head>
"头部元素内部是两个链接元素.这些链接元素的顺序很重要.
浏览器首先看到自定义字体font.css的链接,并使字体可在页面中使用.
接下来浏览器会看到main.css的链接.由于浏览器现在知道自定义字体,我们可以使用它从main.css到样式元素."
我希望有一个直觉/答案,为什么顺序很重要(链接到主CSS样式表之前的字体)？
我尝试以其他顺序(在链接到字体之前链接到主样式表)并且它仍然有效.
当您重写CSS定义时,顺序很重要.这是级联样式表的"级联"的一部分.如果main.css不包含任何字体定义,则顺序无关紧要.
例如:您从设计人员那里获得了一个默认的CSS文件,但您需要稍微调整一下.default.css您可以创建一个custom.css文件并仅更改要调整的少数几个定义,而不是编辑文件.现在订单很重要.
<head>
<link href="default.css" rel="stylesheet">
<link href="custom.css" rel="stylesheet">
</head>如果您先放custom.css,那么您的更改将永远不会出现.
这篇文章涉及更多细节.警告,它可以使你的头旋转.