@document
ÐкÑпеÑименÑалÑÐ½Ð°Ñ Ð²Ð¾Ð·Ð¼Ð¾Ð¶Ð½Ð¾ÑÑÑ: ÐÑо ÑкÑпеÑименÑалÑÐ½Ð°Ñ ÑеÑ
нологиÑ
Так как ÑпеÑиÑикаÑÐ¸Ñ ÑÑой ÑеÑ
нологии еÑÑ Ð½Ðµ ÑÑабилизиÑовалаÑÑ, ÑмоÑÑиÑе ÑаблиÑÑ ÑовмеÑÑимоÑÑи по Ð¿Ð¾Ð²Ð¾Ð´Ñ Ð¸ÑполÑÐ·Ð¾Ð²Ð°Ð½Ð¸Ñ Ð² ÑазлиÑнÑÑ
бÑаÑзеÑаÑ
. Также замеÑÑÑе, ÑÑо ÑинÑакÑÐ¸Ñ Ð¸ поведение ÑкÑпеÑименÑалÑной ÑеÑ
нологии Ð¼Ð¾Ð¶ÐµÑ Ð¸Ð·Ð¼ÐµÐ½Ð¸ÑÑÑÑ Ð² бÑдÑÑиÑ
веÑÑиÑÑ
бÑаÑзеÑов, вÑлед за изменениÑми ÑпеÑиÑикаÑии.
CSS @-пÑавило @document огÑаниÑÐ¸Ð²Ð°ÐµÑ Ð¿Ñавила ÑÑилÑ, ÑодеÑжаÑиеÑÑ Ð² нем, на оÑнове URL-адÑеÑа докÑменÑа. Ðн ÑазÑабоÑан в оÑновном Ð´Ð»Ñ Ð¿Ð¾Ð»ÑзоваÑелÑÑкиÑ
ÑÐ°Ð±Ð»Ð¸Ñ ÑÑилей, Ñ
оÑÑ Ð¾Ð½ Ñакже Ð¼Ð¾Ð¶ÐµÑ Ð¸ÑполÑзоваÑÑÑÑ Ð² авÑоÑÑкиÑ
ÑаблиÑаÑ
ÑÑилей.
@document url("/proxy/www.example.com/")
{
h1 {
color: green;
}
}
СинÑакÑиÑ
ÐÑавило @document Ð¼Ð¾Ð¶ÐµÑ ÑказÑваÑÑ Ð¾Ð´Ð½Ñ Ð¸Ð»Ð¸ неÑколÑко подÑ
одÑÑиÑ
ÑÑнкÑий. ÐÑли какаÑ-либо из ÑÑнкÑий пÑименÑеÑÑÑ Ðº Ð´Ð°Ð½Ð½Ð¾Ð¼Ñ URL-адÑеÑÑ, ÑÑо пÑавило вÑÑÑÐ¿Ð¸Ñ Ð² ÑÐ¸Ð»Ñ Ð´Ð»Ñ ÑÑого URL-адÑеÑа. ÐоÑÑÑÐ¿Ð½Ñ ÑледÑÑÑие ÑÑнкÑии:
url(), коÑоÑÑй ÑооÑвеÑÑÑвÑÐµÑ ÑоÑÐ½Ð¾Ð¼Ñ URL-адÑеÑÑ.url-prefix(), коÑоÑÑй ÑовпадаеÑ, еÑли URL-адÑÐµÑ Ð´Ð¾ÐºÑменÑа наÑинаеÑÑÑ Ñ Ñказанного знаÑениÑ.domain(), коÑоÑÑй ÑовпадаеÑ, еÑли URL-адÑÐµÑ Ð´Ð¾ÐºÑменÑа Ð½Ð°Ñ Ð¾Ð´Ð¸ÑÑÑ Ð² пÑедоÑÑавленном домене (или его ÑÑбдомене).media-document(),Ñ Ð¿Ð°ÑамеÑÑом видео, изобÑажениÑ, плагина или вÑего.regexp(), коÑоÑÑй ÑовпадаеÑ, еÑли URL-адÑÐµÑ Ð´Ð¾ÐºÑменÑа ÑопоÑÑавлÑеÑÑÑ Ñ Ð¿ÑедоÑÑавленнÑм ÑегÑлÑÑнÑм вÑÑажением. ÐÑÑажение должно ÑооÑвеÑÑÑвоваÑÑ Ð²ÑÐµÐ¼Ñ URL-адÑеÑÑ.
ÐнаÑениÑ, пÑедоÑÑавлÑемÑе ÑÑнкÑиÑм url(), url-prefix(), domain(), и media-document() могÑÑ Ð±ÑÑÑ Ð½ÐµÐ¾Ð±ÑзаÑелÑно заклÑÑÐµÐ½Ñ Ð² одинаÑнÑе или двойнÑе кавÑÑки. ÐнаÑениÑ, пÑедоÑÑавлÑемÑе ÑÑнкÑии regexp() Ð´Ð¾Ð»Ð¶Ð½Ñ Ð±ÑÑÑ Ð·Ð°ÐºÐ»ÑÑÐµÐ½Ñ Ð² кавÑÑки. .
ÐкÑаниÑованнÑе знаÑениÑ, пÑедоÑÑавлÑемÑе ÑÑнкÑии regexp() Ñакже Ð´Ð¾Ð»Ð¶Ð½Ñ Ð±ÑÑÑ ÑкÑаниÑÐ¾Ð²Ð°Ð½Ñ Ð¸Ð· CSS. ÐапÑимеÑ, . (пеÑиод) ÑооÑвеÑÑÑвÑÐµÑ Ð»ÑÐ±Ð¾Ð¼Ñ ÑÐ¸Ð¼Ð²Ð¾Ð»Ñ Ð² ÑегÑлÑÑнÑÑ
вÑÑажениÑÑ
. ЧÑÐ¾Ð±Ñ ÑооÑвеÑÑÑвоваÑÑ Ð±ÑквалÑÐ½Ð¾Ð¼Ñ Ð¿ÐµÑиодÑ, вам ÑнаÑала нÑжно избежаÑÑ ÑÑого, иÑполÑзÑÑ Ð¿Ñавила ÑегÑлÑÑнÑÑ
вÑÑажений (\.), РзаÑем ÑбежаÑÑ Ð¾Ñ ÑÑой ÑÑÑоки Ñ Ð¿Ð¾Ð¼Ð¾ÑÑÑ Ð¿Ñавил CSS (\\.).
ÐÑимеÑание:
СÑÑеÑÑвÑÐµÑ Ð²ÐµÑÑÐ¸Ñ -moz-prefixed ÑÑого ÑвойÑÑва â @-moz-document. ÐÑо бÑло огÑаниÑено иÑполÑзованием ÑолÑко в полÑзоваÑелÑÑкиÑ
и UA-лиÑÑаÑ
в Firefox 59 в Nightly and Beta - ÑкÑпеÑименÑе, пÑедназнаÑенном Ð´Ð»Ñ ÑмÑгÑÐµÐ½Ð¸Ñ Ð¿Ð¾ÑенÑиалÑнÑÑ
аÑак Ñ Ð¿Ð¾Ð¼Ð¾ÑÑÑ CSS-инÑекÑий (Firefox bug 1035091).
ФоÑмалÑнÑй ÑинÑакÑиÑ
Error: could not find syntax for this itemÐÑимеÑ
>CSS
@document url("/proxy/www.w3.org/),
url-prefix(http://www.w3.org/Style/),
domain(mozilla.org),
media-document(video"),
regexp("https:.*") {
/* CSS rules here apply to:
- The page "http://www.w3.org/"
- Any page whose URL begins with "http://www.w3.org/Style/"
- Any page whose URL's host is "mozilla.org"
or ends with ".mozilla.org"
- Any standalone video
- Any page whose URL starts with "https:" */
/* Make the above-mentioned pages really ugly */
body {
color: purple;
background: yellow;
}
}
СпеÑиÑикаÑии
Initially in CSS Conditional Rules Module Level 3, @document has been postponed to Level 4.
СовмеÑÑимоÑÑÑ Ñ Ð±ÑаÑзеÑами
СмоÑÑиÑе Ñакже
- Per-site user style sheet rules on the www-style mailing list.