@document

@document url("https://www.example.com/") { h1 { color: green; } } 

Eine @document-Regel kann eine oder mehrere passende Funktionen angeben. Wenn eine der Funktionen auf eine bestimmte URL zutrifft, wird die Regel auf diese URL angewendet. Die verfügbaren Funktionen sind:

url()

Passt auf eine genaue URL.

url-prefix()

Passt, wenn die Dokument-URL mit dem angegebenen Wert beginnt.

domain()

Passt, wenn die Dokument-URL auf der angegebenen Domain (oder einer Subdomain davon) liegt.

media-document()

Passt die Medien entsprechend der Zeichenkette im Parameter an, eine von video, image, plugin oder all.

regexp()

Passt, wenn die Dokument-URL mit dem angegebenen regulären Ausdruck übereinstimmt. Der Ausdruck muss mit der gesamten URL übereinstimmen.

Die Werte, die den Funktionen url(), url-prefix(), domain() und media-document() übergeben werden, können optional in einfache oder doppelte Anführungszeichen eingeschlossen werden. Die den regexp()-Funktionen übergebenen Werte müssen in Anführungszeichen eingeschlossen werden.

Escape-Werte, die an die regexp()-Funktion übergeben werden, müssen zusätzlich aus dem CSS entkommen. Beispielsweise stimmt ein . (Punkt) in regulären Ausdrücken mit jedem Zeichen überein. Um einen tatsächlichen Punkt zu finden, müssten Sie ihn zunächst mit regulären Ausdruckregeln entkommen (zu \.), dann diesen Zeichenfolge mit CSS-Regeln entkommen (zu \\.).

@document wird derzeit nur in Firefox unterstützt; wenn Sie ähnliche Funktionen in einem anderen Browser als Firefox nachbilden möchten, können Sie versuchen, dieses Polyfill von @An-Error94 zu verwenden, das eine Kombination aus einem Benutzer-Skript, data-* Attributen, und Attributselektoren verwendet.

@document [ <url> | url-prefix(<string>) | domain(<string>) | media-document(<string>) | regexp(<string>) ]# { <group-rule-body> } 

Ursprünglich in Level 3, wurde @document auf Level 4 verschoben, aber dann anschließend entfernt.

• Regeln für benutzerdefinierte Stylesheets pro Seite in der www-style-Mailingliste.