CSS/@-Regeln/@document

Achtung!

Die @-Regel @document ist derzeit (März 2023) in keinem Browser implementiert und gilt als obsolet / deprecated.

Mit der @document-Regel lassen sich Abschnitte von CSS-Deklarationen speziell für Dokumente einer bestimmten Herkunft erstellen. Besonders ist dies für User-Stylesheets interessant. Innerhalb eines Stylesheets können mehrere herkunftspezifische Abschnitte definiert werden.

Die Regel besteht aus dem einleitenden @document, einer Herkunftsabfrage sowie einem durch geschweifte Klammern begrenzten Abschnitt. Innerhalb dieses Abschnitts werden die für das Medium geltenden Regelsätze notiert.

Beispiel

@document url('https://example.com/@-Regeln') {
  li { font-size: 1.5em; } /* # 1 # */
}

@document url-prefix('https://wiki-test2.selfhtml.org') {
  html { border: thick solid red; } /* # 2 # */
}

@document domain('selfhtml.org') {
  :not(a) { color: #780000; } /* # 3 # */
}

Dieses Beispiel

• gibt für Listenelemente dieser (und nur dieser) Seite eine Schriftgröße vor (# 1 #)
• setzt für alle Seiten des Test-Wikis einen roten Rahmen (# 2 #)
• legt für alle Seiten der Domain „selfhtml.org“, einschließlich Subdomains eine rotbraune Schriftfarbe fest (# 3 #)

Siehe auch

Browserunterstützung
caniuse.com