Typselektoren

Übersicht

CSS Typselektoren matchen Elemente über den Knotennamen. Alleine verwendet markiert ein Typselektor für einen bestimmten Knotennamen daher alle Elemente dieses Typs - d. h. mit diesem Knotennamen - innerhalb des Dokuments.

Syntax

element { Stileigenschaften }

Beispiel

CSS

span {
  background-color: DodgerBlue;
  color: #ffffff;
}

HTML

<span>Hier ist ein span mit Text.</span>
<p>Hier ist ein p mit Text.</p>

Ergebnis

Spezifikationen

Spezifikation	Status	Kommentar
Selectors Level 4 Die Definition von 'Typselektoren' in dieser Spezifikation.	Arbeitsentwurf	Keine Änderung
Selectors Level 3 Die Definition von 'Typselektoren' in dieser Spezifikation.	Empfehlung	Keine Änderung
CSS Level 2 (Revision 1) Die Definition von 'Typselektoren' in dieser Spezifikation.	Empfehlung
CSS Level 1 Die Definition von 'Typselektoren' in dieser Spezifikation.	Empfehlung	Ursprüngliche Definition

Browser Kompatibilität

Update compatibility data on GitHub

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android Webview	Chrome für Android	Edge Mobile	Firefox für Android	Opera für Android	Safari auf iOS	Samsung Internet
Grundlegende Unterstützung	Chrome Vollständige Unterstützung 1	Edge Vollständige Unterstützung 12	Firefox Vollständige Unterstützung 1	IE Vollständige Unterstützung Ja	Opera Vollständige Unterstützung Ja	Safari Vollständige Unterstützung Ja	WebView Android Vollständige Unterstützung Ja	Chrome Android Vollständige Unterstützung Ja	Edge Mobile Vollständige Unterstützung Ja	Firefox Android Vollständige Unterstützung 4	Opera Android Vollständige Unterstützung Ja	Safari iOS Vollständige Unterstützung Ja	Samsung Internet Android Vollständige Unterstützung Ja
Namespaces (`ns\|elementName`)	Chrome Vollständige Unterstützung Ja	Edge Vollständige Unterstützung Ja	Firefox Vollständige Unterstützung 1	IE Vollständige Unterstützung 9	Opera Vollständige Unterstützung 8	Safari Vollständige Unterstützung 1.3	WebView Android Vollständige Unterstützung Ja	Chrome Android Vollständige Unterstützung Ja	Edge Mobile Vollständige Unterstützung Ja	Firefox Android Vollständige Unterstützung 4	Opera Android Vollständige Unterstützung Ja	Safari iOS Vollständige Unterstützung Ja	Samsung Internet Android Vollständige Unterstützung Ja

Legende

Vollständige Unterstützung: Vollständige Unterstützung