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