عرض مصدر CSS/:root

<noinclude>{{DISPLAYTITLE: الصنف <code>‎:root</code>}}</noinclude>
الصنف الزائف <code>‎:root</code> في CSS (أي pseudo-class) يُطابِق العنصر الجذر في شجرة المستند، أي أنَّه يُطابِق العنصر <code>[[HTML/html|<html>]]</code> في مستندات HTML، وهو مكافئ للمُحدِّد <code>html</code> إلا أنَّ درجة التحديد له أعلى.
<syntaxhighlight lang="css">
:root {
  background: yellow;
}
</syntaxhighlight>الشكل العام لهذا المحدد:  <syntaxhighlight lang="css">
:root
</syntaxhighlight>

== أمثلة ==
يمكن الاستفادة من الصنف الزائف <code>‎:root</code> في تعريف متغيرات CSS العامة:<syntaxhighlight lang="css">
:root {
  --main-color: hotpink;
  --pane-padding: 5px 42px;
}
</syntaxhighlight>

== دعم المتصفحات ==
{| class="wikitable"
!الميزة
!|Chrome
!Firefox
!Internet Explorer
!Opera
!Safari
|-
!الدعم الأساسي
|1.0
|1.0
|9.0
|9.5
|1.0
|}
==مصادر ومواصفات==
*مسودة [https://drafts.csswg.org/selectors-4/#root-pseudo Selectors Level 4].
*مواصفة [https://drafts.csswg.org/selectors-3/#root-pseudo Selectors Level 3].
[[تصنيف:CSS|{{SUBPAGENAME}}]]
[[تصنيف:CSS Selectors|{{SUBPAGENAME}}]]
[[تصنيف:CSS pseudo-class|{{SUBPAGENAME}}]]