CSS namespaces

Overview

The @namespace at-rule can be used to create pipes | in selectors. This allows for elements from namespaces other than the current one to be targeted, allowing for compound and complex selectors.

Specifications

CSS Namespaces Module Level 3 # declaration

Syntax

/* Default namespace */
 @namespace url(XML-namespace-URL);
 @namespace "XML-namespace-URL";
 /* Prefixed namespace */
 @namespace prefix url(XML-namespace-URL);
 @namespace prefix "XML-namespace-URL";

Code snippets

index.html

Source:index.html

at-supports-namespace-001.html

Source:at-supports-namespace-001.html

at-supports-namespace-002.html

Source:at-supports-namespace-002.html

Browser Compatibility