الفرق بين المراجعتين لصفحة: «CSS/:root»
< CSS
ط استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}' |
جميل-بيلوني (نقاش | مساهمات) طلا ملخص تعديل |
||
| سطر 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> في مستندات | الصنف الزائف <code>:root</code> في CSS (أي pseudo-class) يُطابِق العنصر الجذر في شجرة المستند، أي أنَّه يُطابِق العنصر <code>[[HTML/html|<html>]]</code> في مستندات [[HTML]]، وهو مكافئ للمُحدِّد <code>html</code> إلا أنَّ درجة التحديد له أعلى. | ||
<syntaxhighlight lang="css"> | <syntaxhighlight lang="css"> | ||
:root { | :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.