Html 为什么赢了'；t id样式适用于<；a>；狩猎中的标签？

我很困惑，为什么我在这里的风格是在Chrome和Firefox中呈现的id，而不是Safari 5。只有在向元素添加内联样式时，它才能在Safari中工作。有什么好处？下面是完整的代码

<style type="text/css"> 
#source {
  font: italic 200 0.8em/0.1em georgia, serif;
  float: right;
  color: #89888C;
  margin-right: 10px;
}

#source:hover {
  text-decoration: underline;
}
</style>
<figure>
  <a id="source" <!-- I had to add this inline style to get it working in Safari--> style="font: italic 200 0.8em/0.1em goergia, serif; float: right; color: #89888C; margin-right: 10px;" href="http://www.cpj.org/" target="_blank">Source: Committee to Protect Journalists</a>
</figure>

#来源{
字体：斜体200 0.8em/0.1em格鲁吉亚，衬线；
浮动：对；
颜色：#89888C；
右边距：10px；
}
#资料来源：悬停{
文字装饰：下划线；
}

根据MDN，Safari直到5.1版才添加对

的支持

---

也许这就是问题所在？

只是一个旁白，但是您对HTML使用了错误的注释样式（应该是

），并且您的字体名称拼写错误（应该是

georgia

）。您使用的是什么版本的safari？另外，JSFiddle您的code@DavidThomas可能是一针见血。按照他说的把拼写改成georgia，它很可能会开始working@Jon：字体的拼写错误出现在

样式属性中，而不是CSS中；所以我怀疑这是问题所在，我可以想象，只是在将HTML复制到问题时出现了一个拼写错误。@DavidThomas拼写错误出现在样式标签和内联css中。看起来这篇文章已经更新了，但我有一份原始问题的副本，两次都能看到错误。我已经在safari上对代码进行了测试并进行了更正，没有发现任何问题。感谢您的建议，但我不确定这是否正确，因为我正在运行safari 5.1。好的，稍微修改一下您的代码，似乎
@-webkit keyframes shadow shift
规则正在破坏样式。把它注释掉，你的样式就可以了。您使用的是预处理器还是普通CSS？//注释在后者中不起作用。