علاء عامر

الدرس 4: CSS Selectors

تُستخدم محددات CSS "للبحث" (أو تحديد) عناصر HTML التي تريد تنسيقها. يمكننا تقسيم محددات CSS إلى خمس فئات:

• محددات بسيطة (تحديد العناصر بناءً على الاسم أو المعرف أو الفئة)
• محددات مجمعة (تحديد العناصر بناءً على علاقة محددة بينها)
• محددات شبه الفئة (تحديد العناصر بناءً على حالة معينة)
• محددات شبه العناصر (تحديد جزء من عنصر وتنسيقه)
• محددات السمات (تحديد العناصر بناءً على سمة أو قيمة سمة)

مثال :

 /* The CSS element Selector */ p { text-align: center; color: red; } 

 /* The CSS id Selector */ #para1 { text-align: center; color: red; } 

 /* The CSS class Selector */ .center { text-align: center; color: red; } 

 /* The CSS Universal Selector */ * { text-align: center; color: red; } 

 /* The CSS Grouping Selector */ h1, h2, p { text-align: center; color: red; } 

روابط هامة تعرف علينا

مشاركة المقال

العودة إلى المقالات