Du kannst CSS-Regeln in einer eigenen CSS-Datei, einem Abschnitt innerhalb des HTML-Dokuments oder inline in einem HTML-Tag einfügen.
<style type="text/css">p {color: green;}</style>
<p style="color: red;">Hello Dolly</p>
wird „Hello Dolly“ in roter Schrift ausgeben.
Eine gute Einführung in CSS findest du z.B. beim Mozilla Developer Network.
Vielen Dank für die Antwort.
Aber das beantwortet nicht meine Frage. Warum gibt es zwei definitionen bei mir für P und span?
Wie soll ich das anhand von zwei Screenshots beurteilen?
Vieleicht habe ich falsch gefragt.
Was wird in „span“ definiert und warum könnte da eine andere Zuweisung stehen?
Du hattest in diesem Thread geschrieben, dass du TinyMCE-Advanced nutzt. Und jetzt fragst du, woher die Inline-Formatierung in den <span>
-Tags kommt? Vielleicht, weil du sie selber mit Hilfe des Plugins dort reingesetzt hast?
Vielen Dank für die Hilfe!!!
Ja ich habe auch dieses Plugin TinyMCE-Advanced in Verdacht. Das Problem ist wie krieg ich das wieder da raus? Gelöscht ist das Plugin schon. Aber so wie ich das nun verstehe ist es nicht wichtig was in span steht? Bzw. hat keine Auswirkung?
Du hast scheinbar mit TinyMCE ein paar Formatierungen eingefügt, die als Inline-CSS in <span>
-Tags vorhanden sind. Dieses Inline-CSS überschreibt deine Angaben zur Schriftart. Wieso kommst du dann auf die Idee, dass die <span>
-Tags keine Auswirkung haben und nicht wichtig ist, was darin steht?
Bitte mach dich den Grundlagen von CSS vertraut, vor allem Kaskadierung und Vererbung.
https://blog.kulturbanause.de/2013/06/css-spezifitat/
https://www.smashingmagazine.com/2007/07/css-specificity-things-you-should-know/
Wie bekomme ich das nun wieder raus? In dem PlugIn EasyGoogleFonts habe ich angegeben das alle anderen bestehenden Formatierungen überschrieben werden sollen. Es scheint aber nicht mit span zu funktionieren.
Danke
Um die Formatierung in den Span-Tags zu entfernen, kannst du entweder wieder TinyMCE-Advanced installieren und damit die Formatierung löschen oder du wechselst in den Text-Modus des Editors und editierst das HTML direkt.
Wenn du eine Textstelle mit <span style="font-family: 'Times New Roman';">
formatierst, überschreibt das eine allgemeinere Textformatierung wie z.B. p { font-family: 'Comic Sans'; }
. Da gibt es feste Regeln, die Spezifität genannt werden. Dazu hatte ich dir bereits Links genannt – hast du gesehen?
Mist;) Dieses blöde PlugIn