CSS-Namespaces

Das CSS-Namespaces-Modul definiert die Syntax für die Verwendung von Namespaces in CSS.

CSS ist nicht nur zum Stylen von HTML da. Ein Stylesheet kann verwendet werden, um SVG, MathML, XML oder HTML zu stylen, von denen jedes einen anderen Namespace hat oder ein Dokument mehrere Namespaces enthalten kann.

Die in diesem Modul definierte @namespace At-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 könnten die <a>-Tags in Ihren SVGs anders stylen wollen als die Links in Ihrem HTML. Sie möchten wahrscheinlich auch sicherstellen, dass querySelectorAll("a") die richtige Art von Element auswählt. Namespacing kann dabei helfen.

Die @namespace-Regel wird verwendet, um einen Standard-Namespace zu deklarieren und Namespaces an Namespace-Präfixe zu binden. Das Namespaces-Modul definiert auch die Syntax zur Verwendung dieser Präfixe, um namespace-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

At-Regeln und Deskriptoren

• @namespace

Leitfäden

Namespaces Crashkurs

Tiefergehende Erkundung, was ein Namespace ist und wie sie in XML und XML-basierten Auszeichnungssprachen verwendet werden.

Verwandte Konzepte

• CSS Namespace-Trennzeichen (|) Kombinator
• CSS Typ-Selektoren
• CSS Universalselektor
• CSSNamespaceRule Schnittstelle
  • CSSNamespaceRule.namespaceURI Eigenschaft
  • CSSNamespaceRule.prefix Eigenschaft
• Document.createAttributeNS() Methode
• Document.createElementNS() Methode
• Document.getElementsByTagNameNS() Methode
• Element.getAttributeNodeNS() Methode
• Element.getAttributeNS() Methode
• Element.getElementsByTagNameNS() Methode
• Element.hasAttributeNS() Methode
• Element.namespaceURI Eigenschaft
• Element.removeAttributeNS() Methode
• Element.setAttributeNS() Methode
• Element.setAttributeNodeNS() Methode
• NamedNodeMap.getNamedItemNS() Methode
• NamedNodeMap.removeNamedItemNS() Methode
• NamedNodeMap.setNamedItemNS() Methode
• Namespace Glossarbegriff

Spezifikationen

Siehe auch

• <a> SVG-Element
• CSS <url>-Typ
• CSS-At-Regeln
• CSS-At-Regel-Funktionen
• CSS-Selektoren