Как переопределить глобальную таблицу стилей

Question

В двух словах, есть глобальная таблица стили:

a { font-family: Arial; } 

Я хочу использовать другое семейство шрифтов для конкретной ссылки:

<a href="..." style="font-family: Helvetica;">...</a> 

или

<span style="font-family: Helvetica;"><a href="...">...</a></span> 

но ничего не работает. Есть простой способ сделать это?

P.S. Я динамически (через PHP) присваиваю разные шрифты различным ссылкам, поэтому создание специального класса не является вариантом.

Answer 1

Если у вас нет специального шрифта Helvetica, вы должны понимать, что на некоторых платформах (например, Windows, через FontSubstitutes) Helvetica является псевдонимом Arial. Это может быть источником проблемы. Попробуй еще один шрифт и посмотри.

Answer 2

стили элементов переопределяют глобальные стили, поэтому Крис Джет-Янг, вероятно, прав, и на самом деле у вас нет шрифта Helvetica; попробуйте другой шрифт, например. Courier или Times New Roman, что вы уверены, существует

Answer 3

Что вы написали должны работать, если проблема не является то, что Крис отметил,

Когда вы получите пару шрифтов, для которых это работает правильно, может рассмотреть вопрос о том, что лучший способ сделать это было бы объявить класс для специальных ссылок, которые каким-то образом напоминает себе о почему им нужен отдельный шрифт (возможно, потому, что вы хотите, чтобы они были особенно заметили?)

a { font-family: Arial; } 
a .noticed { font-family: Helvetica; } 

Затем в формате HTML:

<a class="noticed" href="...">...</a> 

Изменение шрифта путем создания тега span по ссылке или добавление встроенного стиля к ссылке, которая просто поражает старые дни <font> тегов.

Answer 4

Ваша первая попытка

<a href="..." style="font-family: Helvetica;">...</a> 

должно было сработать. Согласитесь, что вам, вероятно, не хватает шрифта. Встроенные стили имеют приоритет над любыми другими стилями помимо пользовательской таблицы стилей. Вот порядок приоритетов для определения стиля:

1. Определенного пользователь стиля
2. Embedded или встроенного стилей
3. Внутреннего стилей
4. Внешнего стилей
5. Browser стиль по умолчанию

В таблице стилей приоритеты следующие:

1. Все отмеченные важно!

2. ID

3. .Класс
4. элемент

Кроме того, у вас есть правило большей специфичности: div a переопределяет a.

Адрес a good article with more detail on the subject.

@ Рекомендация Кипа - ваш лучший выбор.