Menu
Coddy logo textTech
flag Ar iconالعربيةdown icon

المحددات العامة

الدرس 6 من 15 في دورة محددات CSS على Coddy.

المحدد العام (universal selector) هو نوع خاص من محددات CSS الذي يختار جميع العناصر في صفحة الويب. يُشار إليه بنجمة (*).

على سبيل المثال، المحدد * يختار جميع العناصر في الصفحة.

إليك مثال على كيفية استخدام المحدد العام لتنسيق صفحة ويب:

* {
  color: red;
  font-size: 2em;
}

ستقوم قاعدة CSS هذه بتنسيق جميع العناصر في الصفحة لتكون باللون الأحمر وبحجم خط 2em.

 

متى نستخدم المحددات العامة؟

يمكن استخدام المحددات العامة عندما تريد تنسيق جميع العناصر في صفحة الويب. على سبيل المثال، يمكنك استخدام محدد عام لضبط حجم الخط لجميع العناصر في الصفحة إلى 16px.

يمكن أيضاً استخدام المحددات العامة لتنسيق العناصر التي لم يتم منحها أي محددات أخرى. على سبيل المثال، إذا كان لديك صفحة ويب تحتوي على الكثير من عناصر div، ولكنك لم تمنح أيًا منها أي سمات class أو ID، فيمكنك استخدام محدد عام لتنسيق جميع عناصر div.

challenge icon

التحدي

سهل
  • أنشئ صفحة ويب تحتوي على اثنين من عناصر div.
  • لا تضف لأي من عناصر div أي سمات class أو ID.
  • استخدم المحدد العام (universal selector) لتنسيق جميع عناصر div لتكون باللون red وبحجم خط 80px.

جرّب بنفسك

<html>
<head>
  <title>Universal Selector Exercise</title>
  <style>
    /* CSS Code goes here */
  </style>
</head>
<body>
 
</body>
</html>

جميع دروس محددات CSS