为什么<head>中的链接元素的顺序很重要？

 <head> 
     <link href="font.css" rel="stylesheet"> 
     <link href="main.css" rel="stylesheet"> 
    </head>

“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第一，那么你的变化将不会出现。

Here's an article进入各级进一步的细节。警告，它可以让你的头旋转。

2014-11-21 18:06:24

回答