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
- CSS Namespace-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- Namespace Glossarbegriff
Spezifikationen
Specification |
---|
CSS Namespaces Module Level 3 # declaration |
Browser-Kompatibilität
BCD tables only load in the browser
Siehe auch
<a>
SVG Element- CSS
<url>
Typ - CSS At-Rules
- CSS At-Rule-Funktionen
- CSS Selektoren