CSS/@-Regeln/@document

Aus SELFHTML-Wiki
< CSS‎ | @-Regeln(Weitergeleitet von @document)
Wechseln zu: Navigation, Suche

Achtung!

Die @-Regel @document ist derzeit (Juli 2021) in keinem Browser implementiert, siehe caniuse.com.

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 #)
  • CSS 3.0
  • Leer
  • Leer
  • Leer
  • Leer
  • Leer

Details: caniuse.com