الفرق بين المراجعتين ل"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.