محددات CSS تُستخدم لتحديد العناصر التي تريد تطبيق الأنماط عليها. إليك بعض الأمثلة على محددات CSS:
1. **محدد العنصر (Element Selector)**:
```css
p {
color: blue;
}
```
هنا يتم تطبيق النمط على جميع عناصر `<p>` في الصفحة.
2. **محدد الفئة (Class Selector)**:
```css
.text-red {
color: red;
}
```
هنا يتم تطبيق النمط على جميع العناصر التي تحتوي على `class="text-red"`.
3. **محدد الهوية (ID Selector)**:
```css
#header {
background-color: yellow;
}
```
هنا يتم تطبيق النمط على العنصر الذي يحتوي على `id="header"`.
4. **محدد السمة (Attribute Selector)**:
```css
a[target="_blank"] {
font-weight: bold;
}
```
هنا يتم تطبيق النمط على جميع الروابط (`<a>`) التي تحتوي على السمة `target="_blank"`.
5. **محدد النسل (Descendant Selector)**:
```css
div p {
font-size: 20px;
}
```
هنا يتم تطبيق النمط على جميع عناصر `<p>` الموجودة داخل عناصر `<div>`.
هذه أمثلة بسيطة لمحددات CSS التي تُستخدم لتحديد العناصر وتطبيق الأنماط عليها.