5

Medienproduktion (Fach) / U5: CSS-Spezifität (Lektion)

Diese Lektion wurde von liilaaluu erstellt.

Lektion lernen

Diese Lektion ist leider nicht zum lernen freigegeben.

zurück  |  weiter 1 / 1

• Definiere die Spezifität. Spezifität ist das Mittel, mit dem ein Browser bestimmt, welche Eigenschaftswerte die relevantesten für ein Element sind und zugewiesen werden
• Wie ist die Wertigkeit der Punktewertung? Element (div, p, body, article, etc.) 1 Klasse <p class=“inhalt“>Text</p> 10 ID <p id=“inhalt“>Text</p> 100 Inline Style <p style=”color: red;”> 1000 !important 10000
• Wie wird spezifiziert? ABCD Jedes Element gibt einen Punkt an Stelle D Jede Klasse gibt einen Punkt an Stelle C Jede ID gibt einen Punkt an Stelle B Jeder Stil gibt einen Punkt an Stelle A
• Was ist die !important - Regel? überschreibt alle anderen Stildeklarationen des CSS Niemals !important in CSS verwenden, das auf der gesamten Seite Verwendung findet. !important nur in Seiten spezifischem CSS verwenden, das seitenweites oder fremdes CSS überschreibt Niemals !important verwenden, wenn ein Plugin/Mashup geschrieben wird. Immer nach einem Weg suchen, Spezifität zu verwenden, bevor !important in Erwägung gezogen wird
• Wichtig! CSS-Eigenschaften mit einer niedrigeren Spezifität werden von höherwertigen Eigenschaften „überschrieben“ Die höchste Wertigkeit (Gruppe A) ist jedoch aus praktischer Sicht für die Gestaltung und Pflege einer Internetseite nicht zu empfehlen Insbesondere, da dies nicht mehr dem Prinzip von HTML und CSS, also der Trennung von Inhalt und Design, entspricht

zurück  |  weiter 1 / 1