محددات CSS يستخدم لتحديد المحتوى الذي تريد تصميمه . المحددات هي جزء من مجموعة قواعد CSS. تحدد محددات CSS عناصر HTML وفقًا لمعرفها وفئتها ونوعها وسمتها وما إلى ذلك.

هناك عدة أنواع مختلفة من المحددات في CSS.

1. محدد عنصر CSS
2. محدد معرف CSS
3. محدد فئة CSS
4. محدد CSS العالمي
5. محدد مجموعة 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 (بخط أصغر)

هذه فقرة.