انتخابگرها

البته! در اینجا مروری بر انتخاب‌گرهای CSS به زبان فارسی آمده است:

1. انتخاب‌گر جهانی (*)

تمامی عناصر را انتخاب می‌کند.

} *

; color: red

{

2. انتخاب‌گر نوع (عنصر)

عناصر را بر اساس نام تگ (تایپ) آنها انتخاب می‌کند.

} p

;font-size: 16px

{

3. انتخاب‌گر کلاس (.)

عناصر با یک کلاس خاص را انتخاب می‌کند.

} button.

; background-color: blue

{

4. انتخاب‌گر شناسه (ID) (#)

عناصر با یک شناسه (ID) خاص را انتخاب می‌کند (شناسه باید یکتا باشد).

} header#

;font-weight: bold

{

5. انتخاب‌گر ویژگی

عناصر را بر اساس ویژگی خاصی انتخاب می‌کند.

• [attr]: عناصری که ویژگی مشخصی دارند.

  [attr=”value”]: عناصری که مقدار دقیقی برای ویژگی دارند.

  [attr~=”value”]: عناصری که ویژگی آنها شامل کلمه مشخصی است.

  [attr|=”value”]: عناصری که ویژگی آنها با کلمه مشخصی شروع می‌شود.

  [attr^=”value”]: عناصری که ویژگی آنها با مقدار مشخصی شروع می‌شود.

  [attr$=”value”]: عناصری که ویژگی آنها با مقدار مشخصی تمام می‌شود.

  [attr*=”value”]: عناصری که ویژگی آنها شامل مقدار مشخصی است.

6. انتخاب‌گر نسل (Descendant) (فاصله)

عناصری که نسل‌های مختلف یک عنصر خاص هستند (مثلاً فرزند، نوه و غیره).

} div p

;color: gray

{

7. انتخاب‌گر فرزند (Child) (>)

عناصری که فرزند مستقیم یک عنصر خاص هستند.