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
- CSS Namensraum-Trennzeichen (
|
) Kombinator - CSS Typselektoren
- CSS Universalselektor
CSSNamespaceRule
SchnittstelleCSSNamespaceRule.namespaceURI
EigenschaftCSSNamespaceRule.prefix
Eigenschaft
Document.createAttributeNS()
MethodeDocument.createElementNS()
MethodeDocument.getElementsByTagNameNS()
MethodeElement.getAttributeNodeNS()
MethodeElement.getAttributeNS()
MethodeElement.getElementsByTagNameNS()
MethodeElement.hasAttributeNS()
MethodeElement.namespaceURI
EigenschaftElement.removeAttributeNS()
MethodeElement.setAttributeNS()
MethodeElement.setAttributeNodeNS()
MethodeNamedNodeMap.getNamedItemNS()
MethodeNamedNodeMap.removeNamedItemNS()
MethodeNamedNodeMap.setNamedItemNS()
Methode- Namensraum Glossareintrag
Spezifikationen
Specification |
---|
CSS Namespaces Module Level 3 # declaration |
Browser-Kompatibilität
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
@namespace |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support