Как изменить размер шрифта тега с помощью встроенного css?

Невозможно изменить размер шрифта тега для данного ниже кода

<td valign="top" width="620"><strong><a href="images/pub/pub1.pdf" target="_self">Factsheet of the OSCE Border Management Staff College</a></strong><br /><br /><strong><span style="font-size: 11px; color: #aaaaaa;">14 June 2013</span></strong>

Пробовал:

<td valign="top" width="620"><strong><a style="font-size:14px;" href="images/pub/pub1.pdf" target="_self">Factsheet of the OSCE Border Management Staff College</a></strong><br /><br /><strong><span style="font-size: 11px; color: #aaaaaa;">14 June 2013</span></strong>

Ничего не изменилось;

<td valign="top" width="620"><strong><a class="pub" href="images/pub/pub1.pdf" target="_self">Factsheet of the OSCE Border Management Staff College</a></strong><br /><br /><strong><span style="font-size: 11px; color: #aaaaaa;">14 June 2013</span></strong>

a.pub
{
font-size: 14px;
}

Без изменений;

<td class="pub" valign="top" width="620"><strong><a  href="images/pub/pub1.pdf" target="_self">Factsheet of the OSCE Border Management Staff College</a></strong><br /><br /><strong><span style="font-size: 11px; color: #aaaaaa;">14 June 2013</span></strong>

td.pub
{
font-size: 14px;
}

Никаких эффектов; Он использует шрифт тега из файла style.css Я хочу изменить размер шрифта только для этого тега. Любые идеи, что я делаю неправильно?

Ответ 1

Странно это не изменяется, поскольку inline styles являются наиболее конкретными, если таблица стилей объявлена !important, она не будет ездить, попробуйте это и посмотрите

<span style="font-size: 11px !important; color: #aaaaaa;">Hello</span>

Ответ 2

используйте этот атрибут в стиле

font-size: 11px !important;//your font size

с помощью ! important он переопределяет ваш css

Ответ 3

Вам следует проанализировать файл style.css, возможно, используя Инструменты разработчика в вашем любимом браузере, чтобы узнать, какое правило устанавливает размер шрифта на элементе таким образом, который переопределяет значение атрибута style. По-видимому, он должен быть одним, использующим спецификатор !important, который обычно указывает на плохую логику и структуру в стиле.

Прежде всего, измените файл style.css так, чтобы он не использовал !important. В противном случае добавьте !important к правилу в атрибуте style. Но вы должны стремиться уменьшить использование !important, не увеличивая его.