الفرق بين المراجعتين لصفحة: «CSS/Universal Selector»
< CSS
لا ملخص تعديل |
ط استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}' |
||
| سطر 56: | سطر 56: | ||
*مواصفة [https://drafts.csswg.org/selectors-3/#universal-selector Selectors Level 3]. | *مواصفة [https://drafts.csswg.org/selectors-3/#universal-selector Selectors Level 3]. | ||
*مواصفة [http://www.w3.org/TR/CSS2/selector.html#universal-selector CSS Level 2 (Revision 1)]. | *مواصفة [http://www.w3.org/TR/CSS2/selector.html#universal-selector CSS Level 2 (Revision 1)]. | ||
[[تصنيف:CSS]] | [[تصنيف:CSS|{{SUBPAGENAME}}]] | ||
[[تصنيف:CSS Selectors]] | [[تصنيف:CSS Selectors|{{SUBPAGENAME}}]] | ||
المراجعة الحالية بتاريخ 15:33، 28 يناير 2018
المُحدِّد العام (universal selector) في CSS يطابق جميع العناصر:
* {
color: green;
}
الشكل العام لهذا المحدد:
* { style properties }
لاحظ أنَّ رمز النجمة * اختياريٌ مع المُحدِّدات البسيطة، مثلًا المُحدَّدان *.warning و .warning متماثلان.
أمثلة
لاحظ أثر استخدام المُحدِّد العام في المثال الآتي، خصوصًا مع مُحدِّد العناصر الأخوة المتجاورة (adjacent siblings):
* [lang^=en] {
color: green;
}
*.warning {
color: red;
}
*#maincontent {
border: 1px solid blue;
}
.floating {
float: left
}
.floating + * {
clear: left;
}
شيفرة HTML:
<p class="warning">
<span lang="en-us">A green span</span> in a red paragraph.
</p>
<p id="maincontent" lang="en-gb">
<span class="warning">A red span</span> in a green paragraph.
</p>
دعم المتصفحات
| الميزة | Chrome | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| الدعم الأساسي | مدعومة | مدعومة | 7.0 | مدعومة | مدعومة |
مصادر ومواصفات
- مسودة Selectors Level 4.
- مواصفة Selectors Level 3.
- مواصفة CSS Level 2 (Revision 1).