Почему стили стилей id не работают для тега <a> в Safari?

Question

Почему стили стилей id не работают для тега <a> в Safari?

0

Я смущен тем, почему мои стили здесь для идентификатора, отображаемого в 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>

Tylerppp 21 окт. 2013, в 17:54

Источник

1

Просто в стороне, но вы используете неправильный стиль комментария (должен быть  ) для HTML, и вы неправильно написали свое имя шрифта (должно быть, georgia ).
David Thomas 21 окт. 2013, в 15:56
0

Какую версию сафари вы используете? Кроме того, JSFiddle ваш код
Overcode 21 окт. 2013, в 15:58
0

@DavidThomas, вероятно, ударил гвоздь по голове. Исправьте написание слова для грузии, как он сказал, и оно, вероятно, начнет работать
The Humble Rat 21 окт. 2013, в 15:58
1

@Jon: неправильное написание font-face находится в атрибуте style , а не в CSS; так что я сомневаюсь, что это проблема, просто опечатка при копировании HTML в вопрос, я бы вообразил.
David Thomas 21 окт. 2013, в 16:01
0

@DavidThomas Опечатка появилась как в теге style, так и во встроенном CSS. Похоже, что с тех пор пост был обновлен, но у меня есть копия исходного вопроса, и я вижу ошибку оба раза. Я проверил код с исправлением на сафари и не вижу проблем.
The Humble Rat 21 окт. 2013, в 16:06
0

Хорошо, вот скрипка [ссылка] jsfiddle.net/sareL/3 Проверьте это в Safari 5.1.10, и она не будет работать, если вы не добавите встроенный стиль.
Tylerppp 21 окт. 2013, в 16:06

Показать ещё 4 комментария

Теги:

html

css

safari

anchor

1 ответ

Ещё вопросы

Просто в стороне, но вы используете неправильный стиль комментария (должен быть  ) для HTML, и вы неправильно написали свое имя шрифта (должно быть, georgia ).
Какую версию сафари вы используете? Кроме того, JSFiddle ваш код
@DavidThomas, вероятно, ударил гвоздь по голове. Исправьте написание слова для грузии, как он сказал, и оно, вероятно, начнет работать
@Jon: неправильное написание font-face находится в атрибуте style , а не в CSS; так что я сомневаюсь, что это проблема, просто опечатка при копировании HTML в вопрос, я бы вообразил.
@DavidThomas Опечатка появилась как в теге style, так и во встроенном CSS. Похоже, что с тех пор пост был обновлен, но у меня есть копия исходного вопроса, и я вижу ошибку оба раза. Я проверил код с исправлением на сафари и не вижу проблем.
Хорошо, вот скрипка [ссылка] jsfiddle.net/sareL/3 Проверьте это в Safari 5.1.10, и она не будет работать, если вы не добавите встроенный стиль.

sugarenia · Answer 1 · 2013-10-21T14-31-00.000Z

Согласно MDN, поддержка <figure> не была добавлена в Safari до версии 5.1.

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

Может, проблема?

Спасибо за предложение, но я не уверен, что это так, потому что я использую Safari 5.1.
Хорошо, немного @-webkit-keyframes shadow-shift с вашим кодом, кажется, что @-webkit-keyframes shadow-shift нарушает стиль. Прокомментируйте это, и ваш стиль будет работать. Вы используете препроцессор или ванильный CSS? // Комментарий не будет работать в последнем.