7. المحددات الأساسية: محددات النوع (محددات العناصر)
محددات النوع (أو محددات العناصر) هي أكثر المحددات أساسية. فهي تستهدف جميع مثيلات نوع معين من عناصر HTML.
كيف تعمل محددات النوع
لتحديد كل الفقرات، تستخدم p. لتحديد كل الروابط، تستخدم a. اسم المحدد هو ببساطة اسم وسم HTML بدون الأقواس الزاوية (<>).
html
العنوان الرئيسي
الفقرة الأولى.
الفقرة الثانية، منسقة أيضاً.
حاوية (Container).
أمثلة CSS
استهداف عنصر <h1>:
css h1 { color: #333; /* رمادي غامق */ border-bottom: 2px solid #ccc; }
استهداف جميع عناصر <p>:
css p { font-size: 16px; line-height: 1.5; margin-bottom: 15px; }
استهداف عنصر <body> (غالباً ما يستخدم للأنماط العامة):
css body { background-color: ghostwhite; }
المزايا
- البساطة: سهلة الكتابة والفهم.
- الوصول العالمي: مثالية لتعيين أنماط افتراضية لعناصر المحتوى العامة (مثل شكل كل وسوم
p).
تنبيه: إذا كنت تريد أن تبدو الفقرات المختلفة في نفس الصفحة بشكل مختلف، فإن محدد النوع واسع جداً. هنا يأتي دور محددات الفئات (Class) والمعرفات (ID).