Как изменить размер шрифта тега с помощью встроенного 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
, не увеличивая его.