CSS-Namensräume

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Das CSS-Namensräume-Modul definiert die Syntax für die Verwendung von Namensräumen in CSS.

CSS dient nicht nur zum Styling von HTML. Ein Stylesheet kann verwendet werden, um SVG, MathML, XML oder HTML zu stylen, wobei jedes eine andere Namensraumdefinition verwendet oder ein Dokument mehrere Namensräume enthalten kann.

Die durch diese Spezifikation definierte @namespace Regel ermöglicht es, zwischen gleichnamigen Elementen in unterschiedlichen Namensräumen zu unterscheiden. Tag-Namen von Elementen sind nicht eindeutig einer einzigen Sprache zugeordnet. Zum Beispiel ist das <a>-Element nicht auf HTML beschränkt. Es kann sein, dass Sie die <a>-Elemente innerhalb Ihrer SVGs anders stylen möchten als die Links in Ihrem HTML. Ebenso möchten Sie vermutlich sicherstellen, dass querySelectorAll("a") das richtige Element auswählt. Hier kann die Verwendung von Namensräumen hilfreich sein.

Die @namespace-Regel wird verwendet, um einen Standard-Namensraum zu deklarieren und um Namensräume mit Namensraum-Präfixen zu verbinden. Das Namensräume-Modul definiert außerdem die Syntax für die Verwendung dieser Präfixe, um Namensraum-qualifizierte Namen darzustellen. Das ist alles. Was ein Name bedeutet oder ob der Name überhaupt gültig ist, hängt vom Kontext und der Host-Sprache ab.

Referenz

Regelgruppen

Leitfäden

Schnelle Einführung in Namensräume

Eintauchen in die Grundlagen, was ein Namensraum ist und wie er in XML und XML-basierten Auszeichnungssprachen verwendet wird.

Verwandte Konzepte

Spezifikationen

Specification
CSS Namespaces Module Level 3
# declaration

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
@namespace

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

Siehe auch