html - 为什么 id 样式不适用于 Safari 中的标签？

Question

我很困惑为什么我的样式在 Chrome 和 Firefox 中呈现，而不是在 Safari 5 中呈现。只有当我向元素添加内联样式时，它也可以在 Safari 中使用。是什么赋予了？这是完整代码的http://jsfiddle.net/sareL/3/fiddle 。

<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>

Answer 1

根据 MDN，<figure>直到 5.1 版 Safari 才添加对 的支持。

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/figure

也许这就是问题所在？