Mehrfache zuweisung von Stylesheet Klassen

Mehrfache zuweisung von Stylesheet Klassen

Hierbei handelt es sich nicht um eine Neuerung oder etwas Sehr Weltbewegendes. Dennoch sehe ich darin eine Sehr nützliche Eigenschaft die für einige teilweise noch unbekannt ist.

Mithilfe von Stylesheets lassen sich HTML Objekte Formatieren und Visuell beeinflussen.

Man weist einfach einem Objekt eine CSS klasse zu, bspw.

<span class=“color_red“>...</span>.

Das Interessante ist nun, dass man diesem Objekt mehrere Klassen, getrennt durch ein Leerzeichen, zuweisen kann.
Dies könnte dann bspw. So aussehen.

<span class=“color_red size_12“>...</span>

Die CSS klasse color_red beinhalte die Farbdefinition rot und size_12 die Schriftgrößenformatierung 12pt (Beispielwerte).

So lässt sich das unendliche Deklarieren von Stylesheet-Klassen einfacher umgehen. Die Stylesheets bleiben Übersichtlich und sind in der Handhabung ebenfalls einfacher.

Die Priorität der Klassen verläuft von links nach rechts. Das heißt, dass eine Deklaration in der ersten festgesetzten Klasse, die ebenfalls in einer nachfolgend eingesetzten und für das selbige Objekt deklarierte Klasse, durch die nachfolgenden überschrieben wird.

hierbei handelt neuerung weltbewegendes dennoch sehe darin nützliche eigenschaft teilweise unbekannt mithilfe stylesheets lassen html objekte formatieren visuell beeinflussen man weist einfach objekt css klasse <span class=?color_red?> </span> das interessante diesem mehrere klassen getrennt leerzeichen zuweisen dies dann aussehen class=?color_red size_12?> </span> die color_red beinhalte farbdefinition rot size_12 schriftgrößenformatierung 12pt (beispielwerte) so lässt unendliche deklarieren stylesheet-klassen einfacher Übersichtlich handhabung ebenfalls die priorität verläuft links rechts deklaration ersten festgesetzten nachfolgend eingesetzten selbige deklarierte nachfolgenden überschrieben hierbei handelt neuerung weltbewegendes dennoch sehe darin nützliche eigenschaft teilweise unbekannt mithilfe stylesheets lassen html objekte formatieren visuell beeinflussen man weist einfach objekt css klasse <span class=?color_red?> </span> das interessante diesem mehrere klassen getrennt leerzeichen zuweisen dies dann aussehen class=?color_red size_12?> </span> die color_red beinhalte farbdefinition rot size_12 schriftgrößenformatierung 12pt (beispielwerte) so lässt unendliche deklarieren stylesheet-klassen einfacher Übersichtlich handhabung ebenfalls die priorität verläuft links rechts deklaration ersten festgesetzten nachfolgend eingesetzten selbige deklarierte nachfolgenden überschrieben hierbei handelt neuerung weltbewegendes dennoch sehe darin nützliche eigenschaft teilweise unbekannt mithilfe stylesheets lassen html objekte formatieren visuell beeinflussen man weist einfach objekt css klasse <span class=?color_red?> </span> das interessante diesem mehrere klassen getrennt leerzeichen zuweisen dies dann aussehen class=?color_red size_12?> </span> die color_red beinhalte farbdefinition rot size_12 schriftgrößenformatierung 12pt (beispielwerte) so lässt unendliche deklarieren stylesheet-klassen einfacher Übersichtlich handhabung ebenfalls die priorität verläuft links rechts deklaration ersten festgesetzten nachfolgend eingesetzten selbige deklarierte nachfolgenden überschrieben hierbei handelt neuerung weltbewegendes dennoch sehe darin nützliche eigenschaft teilweise unbekannt mithilfe stylesheets lassen html objekte formatieren visuell beeinflussen man weist einfach objekt css klasse <span class=?color_red?> </span> das interessante diesem mehrere klassen getrennt leerzeichen zuweisen dies dann aussehen class=?color_red size_12?> </span> die color_red beinhalte farbdefinition rot size_12 schriftgrößenformatierung 12pt (beispielwerte) so lässt unendliche deklarieren stylesheet-klassen einfacher Übersichtlich handhabung ebenfalls die priorität verläuft links rechts deklaration ersten festgesetzten nachfolgend eingesetzten selbige deklarierte nachfolgenden überschrieben

Eine Reaktion zu “Mehrfache zuweisung von Stylesheet Klassen”

  1. Daniel

    Vielen Dank für diesen kleinen aber feinen Tipp! Bisher musste ich immer umständlich zwei CSS-Klassen erstellen!

Einen Kommentar schreiben

doFollow nofollow deaktiviert, dein kommentar ist uns ein Link wert!

TAGs

none
Tutorials
Berlin Webdesign Team Content