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

من موسوعة حسوب
< CSS
اذهب إلى التنقل اذهب إلى البحث
 
ط (استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}')
سطر 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}}]]

مراجعة 15:35، 28 يناير 2018

الصنف الزائف ‎: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

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