CSS Namespaces

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-Namespaces-Modul definiert die Syntax für die Verwendung von Namespaces in CSS.

CSS ist nicht nur für die Gestaltung von HTML. Ein Stylesheet kann verwendet werden, um SVG, MathML, XML oder HTML zu gestalten, von denen jede eine andere Namespace hat oder ein Dokument enthält, das mehrere Namespaces umfasst.

Die in diesem Modul definierte @namespace Regel ermöglicht es, zwischen gleichnamigen Elementen in verschiedenen Namespaces zu unterscheiden. Element-Tagnamen sind nicht einzigartig für eine einzelne Sprache. Zum Beispiel ist das <a>-Element nicht auf HTML beschränkt. Sie möchten möglicherweise die <a>s innerhalb Ihrer SVGs anders gestalten als die Links in Ihrem HTML. Sie werden auch wahrscheinlich sicherstellen wollen, dass querySelectorAll("a") das richtige Element auswählt. Namespaces können helfen.

Die @namespace Regel wird verwendet, um einen Standard-Namespace zu deklarieren und um Namespaces an Namespace-Präfixe zu binden. Das Namespaces-Modul definiert auch die Syntax zur Verwendung dieser Präfixe, um namespacequalifizierte Namen darzustellen. Das ist alles. Was ein Name bedeutet oder ob der Name überhaupt gültig ist, hängt vom Kontext und der Wirtssprache ab.

Referenz

At-Rules

Leitfäden

Namespaces Crash-Kurs

Tiefgründige Untersuchung dessen, was ein Namespace ist und wie sie in XML und XML-basierten Auszeichnungssprachen verwendet werden.

Verwandte Konzepte

Spezifikationen

Specification
CSS Namespaces Module Level 3
# declaration

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch