2013-06-15 2 views
10

Невозможно изменить размер шрифта тега для данного кода нижеКак изменить размер шрифта тега с помощью встроенного 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 Я хочу изменить размер шрифта только для этого тега. Любые идеи, что я делаю неправильно?

ответ

24

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

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

Идеально, важно использовать в таблице стилей. Благодарю. –

+1

И это идеальная причина, почему вы не должны использовать '! Important' в стилях. Кстати, @FirdavsKurbonov Я не хочу критиковать или что-то еще, но какую версию HTML вы используете? Ваш пример выдает смешанные сигналы (HTML 3.2, HTML 4 или 5, XHTML ...) –

1

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

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

от ! Important it override your css

+0

Пожалуйста, добавьте объяснение в свой ответ: ** почему ** может ли это решить проблему? Также обратите внимание, что некоторые посетители используют минимальный размер шрифта _minimum. Тогда это правило не будет иметь никакого эффекта. – fuxia

1

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

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