الفرق بين المراجعتين ل"CSS/Universal Selector"

من موسوعة حسوب
< CSS
اذهب إلى التنقل اذهب إلى البحث
(لا فرق)

مراجعة 13:07، 30 أكتوبر 2017

المُحدِّد العام (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 مدعومة مدعومة

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