محددات CSS يستخدم لتحديد المحتوى الذي تريد تصميمه . المحددات هي جزء من مجموعة قواعد CSS. تحدد محددات CSS عناصر HTML وفقًا لمعرفها وفئتها ونوعها وسمتها وما إلى ذلك.
هناك عدة أنواع مختلفة من المحددات في CSS.
- محدد عنصر CSS
- محدد معرف CSS
- محدد فئة CSS
- محدد CSS العالمي
- محدد مجموعة CSS
1) محدد عنصر CSS
يقوم محدد العنصر بتحديد عنصر HTML بالاسم.
تم فرز مجموعة جافا
p{ text-align: center; color: blue; } <p>This style will be applied on every paragraph.</p> <p id="para1">Me too!</p> <p>And me!</p> اختبره الآن انتاج:
سيتم تطبيق هذا النمط على كل فقرة.
أنا أيضاً!
و أنا!
2) محدد معرف CSS
يقوم محدد المعرف بتحديد سمة المعرف لعنصر HTML لتحديد عنصر معين. يكون المعرف دائمًا فريدًا داخل الصفحة، لذا يتم اختياره لتحديد عنصر واحد فريد.
وهو مكتوب بحرف التجزئة (#)، متبوعًا بمعرف العنصر.
تعليم مارك زوكربيرج
لنأخذ مثالاً بالمعرف 'para1'.
#para1 { text-align: center; color: blue; } <p id="para1">Hello Javatpoint.com</p> <p>This paragraph will not be affected.</p> اختبره الآن انتاج:
مرحبًا Javatpoint.com
لن تتأثر هذه الفقرة.
3) محدد فئة CSS
يقوم محدد الفئة بتحديد عناصر HTML ذات سمة فئة معينة. يتم استخدامه مع حرف الفترة . (رمز التوقف الكامل) متبوعًا باسم الفئة.
يساوي CPP
ملاحظة: لا ينبغي أن يبدأ اسم الفئة برقم.
لنأخذ مثالاً مع 'مركز' الفصل.
.center { text-align: center; color: blue; } <h2>Hello Javatpoint.com (In smaller font)</h2> <p>This is a paragraph.</p> اختبره الآن انتاج:
مرحبًا Javatpoint.com
مرحبًا Javatpoint.com (بخط أصغر)
هذه فقرة.