المحدد العام

جزء من قسم Styling with CSS في رحلة HTML على Coddy — الدرس 15 من 76.

إن المحدد العام (universal selector) هو محدد قوي في CSS يستهدف كل عنصر HTML في الصفحة. يتم تمثيله بعلامة النجمة (*).

عند استخدامه، يطبق المحدد العام الأنماط المحددة على جميع العناصر، بغض النظر عن نوعها أو فئتها (class) أو معرفها (ID). يمكن أن يكون هذا مفيداً لتعيين أنماط عامة أو إعادة تعيين الأنماط الافتراضية عبر المستند بأكمله.

إليك الصيغة الأساسية لاستخدام المحدد العام (universal selector):

* {
    property: value;
}

على سبيل المثال، لنفترض أنك تريد تعيين لون النص الافتراضي وحجم الخط لجميع العناصر في الصفحة. يمكنك استخدام المحدد العام (universal selector) على النحو التالي:

* {
    color: black;
    font-size: 14px;
}

التحدي

سهل

لقد تم تزويدك بمستند HTML يحتوي على عناصر متنوعة، بما في ذلك العناوين (<h1>، <h2>)، والفقرات (<p>)، وقسم (<div>). مهمتك هي استخدام المحدد العام (universal selector) لتنسيق هذه العناصر. اتبع الخطوات أدناه:

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

ورقة مرجعية

يستهدف المحدد العام (universal selector) كل عنصر HTML في الصفحة باستخدام علامة النجمة (*):

* {
    property: value;
}

مثال على ضبط لون النص وحجم الخط بشكل عام:

* {
    color: black;
    font-size: 14px;
}

جرّب بنفسك

<html>
<head>
    <title>Universal Selector</title>
    <style>
        /* Write CSS rules here */
    </style>
</head>
<body>
    <h1>This is a main heading</h1>
    <h2>This is a subheading</h2>
    <p>This is a paragraph.</p>
    <div>This is a division.</div>
</body>
</html>