Question

我很困惑为什么我的样式在这里用于在Chrome和Firefox中呈现的id而不是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，在版本5.1之前，Safari中未添加对<figure>的支持。

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

也许这就是问题？

为什么id样式不适用于<a> tag in Safari?</a>

1 个答案: