这是我的问题，我的 html 索引标题中有 2 个链接 rel 标签。一个标签用于我的样式表，另一个标签是快捷图标链接 rel，用于在我的浏览器选项卡中使用图标（仅供参考，使用 FF19）。
<link rel="shortcut icon" href="tophat2.ico"/>
<link rel="stylesheet" type="text/css" href="style.css"/>
每个 rel 链接都可以自己正常工作。当我一个接一个地拥有它们时，尽管底部的一个（被解析第二个）是唯一显示的。它们似乎相互覆盖，所以我得出结论，我不能同时拥有一个图标快捷方式和一个样式表作为单独的 rel 链接，但这是我可以通过谷歌找到的唯一方法，所以我被卡住了。
请参阅http://mathiasbynens.be/notes/rel-shortcut-icon。它说：
大多数网站使用以下 HTML 来指定网站图标：
<link rel="shortcut icon" href="/favicon.ico">看起来还行吧？你猜怎么着——不是！
今天，我了解到快捷方式不是有效的链接关系。事实上，它并没有出现在 HTML5 规范中关于“链接类型”的第 4.12.5 节中。事实上，它是 Internet Explorer 专有的。如果没有 IE，rel="icon" 就足以指定一个 favicon。
由于您使用的是 Firefox，这可以解释为什么它不起作用。试试这个：
<link rel="icon" href="tophat2.ico"/>
但请注意，这可能不适用于 IE 8 或更低版本。后来在同一篇文章中它说：
如果 rel 属性中省略了快捷方式值，Internet Explorer 将完全忽略该声明，在站点根目录中搜索名为 favicon.ico 的文件，然后使用该文件。事实上，几乎每个浏览器都会在没有指定链接 rel="icon" 时这样做。使用 rel="icon shortcut" 在 IE 中也不起作用，因为它不会将 rel 属性视为空格分隔的列表。
只需确保始终将 favicon 放在站点的根目录中，并将其命名为 favicon.ico
好的，我修好了！！！我不知道为什么* * 这有效，但确实有效。我复制了我的 rel link=icon 标记并将其粘贴为 2 个警告 rel 链接上方的副本。被解析的副本首先出现损坏，这没关系，但现在下面的 2 工作，所以我有一个工作样式表和图标。感谢您尝试帮助大家。这可能仍然是一个谜。