2016-07-12 12 views
-1

ändern Ich habe eine CSS, was die h6-Tag wie diesemSchriftfarbe html innerhalb tag nicht

h6{ 
    font-family: 'Josefin Sans', sans-serif; 
    font-size: 10px; 
    text-align: center; 
    color: #0f7f7f7; 
    text-shadow: 1px 1px 1px rgba(0,0,0,0.6);} 

In nur 1 Zeile in meiner Seite beschreiben möchte ich eine Ausnahme, so habe ich dies:

<h6 font color="red">text here not in red <br> 

Aber ich kann nicht finden, warum es immer noch die Farbe hält, was in der CSS-

+1

# 0f7f7f7? falscher Farbcode –

+1

hast du ein extra Zeichen im Farbwert – blonfu

Antwort

3

siehe hier jsfiddle

Option 1: falls Sie ein Element haben möchten Sie Stil:

<h6 style="color:red">text here is in red </h6> 

zuerst, color: #0f7f7f7; ist nicht korrekt. Alle Farben haben 6 Zeichen nicht 7 für deren HEX-Wert

an zweiter Stelle, müssen die schließenden Tag Sie in der <h6> Sie immer fehlt es schließen mit </h6>

dritte, color Attribut Sie es verwenden, wie so

<font color="red">text here is in red</font> 

vierten wird das Farbattribut nicht in HTML5 unterstützt. so in html, wenn Sie etw ändern müssen style="".<tagname style="property value">

<h6 style="color:red;font-size:20px;text-transform:uppercase"</h6> 

usw.

Option 2: Wenn Sie viele Einzelteile haben, zu denen Sie beispielsweise gleiche Styling für anwenden möchten Sie color:red mehr Elemente hinzufügen möchten, ist es besser NICHT zu verwenden Inline-Styling, aber um diesen Elementen eine Klasse hinzuzufügen und sie dann von CSS zu stylen.

für zB

<h6 class="red">text here is in red</h6> 
<p> some text</p> 
<h2 class="red">text here is in red</h2> 
<p> some text</p> 
<h3 class="red">text here is in red</h3> 
<p> some text</p> 

und CSS

.red { color:red;} 

für weitere Informationen hier klicken HTML style

3

Inline CSS dieser sieht aus wie

definiert ist
2

Ihr HTML ist ungültig. Hier ist, wie Sie es tun.

h6{ 
 
    font-family: 'Josefin Sans', sans-serif; 
 
    font-size: 10px; 
 
    text-align: center; 
 
    color: #f7f7f7; 
 
    text-shadow: 1px 1px 1px rgba(0,0,0,0.6); 
 
}
<h6 style="color:red">text here is in red</h6>

Haben Sie einen Lese über Inline-CSS und das style Attribut here.

EDIT: Scheint so, als ob Sie einen ungültigen Hex-Wert für Ihre Farbe haben.

0

Ich denke, ist nur eine Frage der Syntax. Versuchen Sie mit:

<h6 style="color:red">text here not in red <br> 
+0

danke das funktioniert bei mir –

0

Zuerst haben Sie die falsche Syntax zum Anwenden von Inline-Stilen. (Wie von @grateful gepostet)

Zweitens Sie vielleicht besser einen Klassennamen festlegen und Stile auf diesen Klassennamen anwenden. Zum Beispiel:

CSS:

h6 { 
    font-family: 'Josefin Sans', sans-serif; 
    font-size: 10px; 
    text-align: center; 
    color: #0f7f7f7; 
    text-shadow: 1px 1px 1px rgba(0,0,0,0.6); 
} 

h6.important-note { 
    color: red; 
} 

HTML:

<h6>A normal heading of size six.</h6> 

<h6 class="important-note">A really important heading of size six.</h6> 
+0

danke, das sieht besser aus und funktioniert auch für mich –

0

besser zu nutzen:

<h6 style="color:#ff0000">text here IS red </h6>