الفرق بين المراجعتين لصفحة: «CSS/:root»

المراجعة الحالية بتاريخ 11:15، 7 أكتوبر 2022

الصنف الزائف ‎:root في CSS (أي pseudo-class) يُطابِق العنصر الجذر في شجرة المستند، أي أنَّه يُطابِق العنصر <html> في مستندات HTML، وهو مكافئ للمُحدِّد html إلا أنَّ درجة التحديد له أعلى.

:root {
  background: yellow;
}

الشكل العام لهذا المحدد:

:root

أمثلة

يمكن الاستفادة من الصنف الزائف ‎:root في تعريف متغيرات CSS العامة:

:root {
  --main-color: hotpink;
  --pane-padding: 5px 42px;
}

دعم المتصفحات

الميزة	Chrome	Firefox	Internet Explorer	Opera	Safari
الدعم الأساسي	1.0	1.0	9.0	9.5	1.0

مصادر ومواصفات

مسودة Selectors Level 4.
مواصفة Selectors Level 3.

@@ سطر 1: / سطر 1: @@
 <noinclude>{{DISPLAYTITLE: الصنف <code>‎:root</code>}}</noinclude>
-الصنف الزائف <code>‎:root</code> في CSS (أي pseudo-class) يُطابِق العنصر الجذر في شجرة المستند، أي أنَّه يُطابِق العنصر <code>[[HTML/html|<html>]]</code> في مستندات HTML، وهو مكافئ للمُحدِّد <code>html</code> إلا أنَّ درجة التحديد له أعلى.
+الصنف الزائف <code>‎:root</code> في CSS (أي pseudo-class) يُطابِق العنصر الجذر في شجرة المستند، أي أنَّه يُطابِق العنصر <code>[[HTML/html|<html>]]</code> في مستندات [[HTML]]، وهو مكافئ للمُحدِّد <code>html</code> إلا أنَّ درجة التحديد له أعلى.
 <syntaxhighlight lang="css">
 :root {
@@ سطر 36: / سطر 36: @@
 *مسودة [https://drafts.csswg.org/selectors-4/#root-pseudo Selectors Level 4].
 *مواصفة [https://drafts.csswg.org/selectors-3/#root-pseudo Selectors Level 3].
-[[تصنيف:CSS]]
+[[تصنيف:CSS|{{SUBPAGENAME}}]]
-[[تصنيف:CSS Selectors]]
+[[تصنيف:CSS Selectors|{{SUBPAGENAME}}]]
-[[تصنيف:CSS pseudo-class]]
+[[تصنيف:CSS pseudo-class|{{SUBPAGENAME}}]]