الفرق بين المراجعتين ل"CSS/:root"

من موسوعة حسوب
< CSS
اذهب إلى التنقل اذهب إلى البحث
 
ط
 
(مراجعة متوسطة واحدة بواسطة مستخدم واحد آخر غير معروضة)
سطر 1: سطر 1:
 
<noinclude>{{DISPLAYTITLE: الصنف <code>‎:root</code>}}</noinclude>
 
<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">
 
<syntaxhighlight lang="css">
 
:root {
 
:root {
سطر 36: سطر 36:
 
*مسودة [https://drafts.csswg.org/selectors-4/#root-pseudo Selectors Level 4].
 
*مسودة [https://drafts.csswg.org/selectors-4/#root-pseudo Selectors Level 4].
 
*مواصفة [https://drafts.csswg.org/selectors-3/#root-pseudo Selectors Level 3].
 
*مواصفة [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}}]]

المراجعة الحالية بتاريخ 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

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