CSS Selectors

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;
}