دستورالعمل‌های مرجع انتخاب‌کننده CSS

انتخاب‌گرهای CSS

انتخاب‌گرهای CSS برای "یافتن" (یا انتخاب) عناصر HTML مورد نظر شما برای تنظیم استایل استفاده می‌شوند.

از آزمونگر انتخاب‌گرهای CSS ما برای نمایش مختلف انتخاب‌گرها استفاده کنید.

انتخاب‌گرهای ساده CSS

انتخاب‌گرهای ساده بر اساس نام عنصر، id و class عناصر را انتخاب می‌کنند. علاوه بر این، انتخاب‌گرهای عمومی نیز وجود دارند (*)

انتخاب‌گر مثال توضیح مثال
عنصر p هر عنصر <p> انتخاب می‌شود.
#id #firstname عنصر که id="firstname" دارد انتخاب می‌شود.
* * هر عنصر انتخاب می‌شود.
.class .intro هر عنصر که class="intro" دارد انتخاب می‌شود.

انتخاب‌گرهای ویژگی CSS

انتخاب‌گرهای ویژگی HTML عناصر دارای مجموعه ویژگی‌های مشخص را انتخاب می‌کنند.

انتخاب‌گر مثال توضیح مثال
[attribute] [target] هر عنصر که دارای ویژگی target است انتخاب می‌شود.
[attribute=value] [target=_blank] هر عنصر که دارای ویژگی target="_blank" است انتخاب می‌شود.
[attribute~=value] [title~=flower] هر عنصر که عنوان شامل کلمه "flower" است انتخاب می‌شود.
[attribute|=value] [lang|=en] هر عنصر که ارزش lang با "en" شروع می‌شود انتخاب می‌شود.
[attribute^=value] a[href^="https"] هر عنصر <a> که با "https" شروع می‌شود انتخاب می‌شود.
[attribute$=value] a[href$=".pdf"] هر عنصر <a> که با ".pdf" پایان می‌یابد انتخاب می‌شود.
[attribute*=value] a[href*="codew3c"] هر عنصر <a> که شامل زیرشاخه "abc" در ارزش href دارد انتخاب می‌شود.

انتخاب‌گر انتخابگرهای عمیق CSS

انتخاب‌گر مثال توضیح مثال
& & اعمال استایل به عنصر در بافت یک عنصر دیگر