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 zur Verwendung von Namespaces in CSS.
CSS dient nicht nur der Gestaltung von HTML. Ein Stylesheet kann verwendet werden, um SVG, MathML, XML oder HTML zu stylen, von denen jedes einen anderen Namensraum oder ein Dokument mit mehreren Namensräumen hat.
Die in diesem Modul definierte @namespace
Regel ermöglicht es, zwischen gleichnamigen Elementen in verschiedenen Namensräumen zu unterscheiden. Element-Tag-Namen sind nicht einzigartig für eine einzige Sprache. Zum Beispiel ist das <a>
Element nicht auf HTML beschränkt. Sie möchten möglicherweise die <a>
s innerhalb Ihrer SVGs anders stylen als die Links in Ihrem HTML. Außerdem möchten Sie wahrscheinlich sicherstellen, dass querySelectorAll("a")
das richtige Element auswählt. Die Verwendung von Namensräumen kann dabei helfen.
Die @namespace
Regel wird verwendet, um einen Standard-Namensraum zu deklarieren und Namensräume mit Namensraum-Präfixen zu verknüpfen. Das Namensraum-Modul definiert auch die Syntax zur Verwendung dieser Präfixe zur Darstellung namensequalifizierter Namen. Das war's. Was ein Name bedeutet oder ob der Name überhaupt gültig ist, hängt vom Kontext und der Hostsprache ab.
Referenz
At-Regeln
Leitfäden
- Namespaces Kurzkurs
-
Tiefer Einblick in das, was ein Namensraum ist und wie sie in XML und XML-basierten Auszeichnungssprachen verwendet werden.
Verwandte Konzepte
- CSS Namespace-Trenner (
|
) Kombinator - CSS Typ-Selektoren
- CSS universeller Selektor
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- Namespace Glossarbegriff
Spezifikationen
Specification |
---|
CSS Namespaces Module Level 3 # declaration |