2013-06-15 9 views
10

Kann nicht font-size eines Tags ändern fürWie ändert man die Schriftgröße eines Tags mit Inline-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> 

Versuchte Code unten gegeben:

<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> 

nichts geändert;

<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; 
} 

Keine Änderungen;

<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; 
} 

Keine Effekte; Es verwendet die Schriftart eines Tags aus style.css Datei Ich möchte die Schriftgröße nur für dieses ein Tag ändern. Irgendwelche Ideen, was ich falsch mache?

Antwort

24

Seltsam es ändert sich nicht, wie inline styles meisten spezifisch sind, wenn Stylesheet hat !important erklärt, es wird nicht über Fahrt, versuchen Sie dies und

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

Perfekt, wichtig! Wird im Stylesheet verwendet. Vielen Dank. –

+1

Und das ist der perfekte Grund, warum Sie '! Wichtig' nicht in Stylesheets verwenden sollten. By the way, @FirdavsKurbonov Ich möchte nicht kritisieren oder irgendetwas, aber welche HTML-Version verwenden Sie? Ihr Beispiel gibt gemischte Signale aus (HTML 3.2, HTML 4 oder 5, XHTML ...) –

1

Verwendung dieses Attribut in der Art

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

von ! Wichtig es überschreiben Ihre css

+0

Bitte fügen Sie eine Erklärung zu Ihrer Antwort hinzu: ** Warum ** könnte das das Problem lösen? Beachten Sie außerdem, dass einige Besucher eine minimale Schriftgröße verwenden. Diese Regel hat dann keine Auswirkungen. – fuxia

1

Sie sollten Ihre style.css fi analysieren le, möglicherweise unter Verwendung von Entwicklertools in Ihrem bevorzugten Browser, um zu sehen, welche Regel die Schriftgröße für das Element so einstellt, dass sie die in einem style-Attribut überschreibt. Offensichtlich muss es eine sein, die den !important Spezifizierer benutzt, der allgemein schlechte Logik und Struktur im Stylen anzeigt.

Ändern Sie in erster Linie die Datei style.css, sodass sie !important nicht verwendet. Failing this, fügen Sie !important zu der Regel in style Attribut hinzu. Aber Sie sollten !importantreduzieren, nicht erhöhen.

Verwandte Themen