آموزش انتخابگر آی دی یا ID در CSS

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

آموزش انتخابگر آی دی یا ID در CSS

Free-Learn

انتخابگر آی دی یا ID در CSS

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

هم میتوانیم یک ID خاص را از یک تگ خاص فراخوانی کنیم و هم میتوانیم بصورت همزمان و دسته جمعی چندین ID را انتخاب و بهشون استایل بدیم.

نسخه CSS1

Free-Learn

مثال از این انتخابگر

در ادامه میتوانید یک مثال از این انتخابگر را در زبان CSS مشاهده نمایید.

مثال شماره ۱ : انتخاب یک عدد ID از صفحه

امتحان کنید

مثال شماره ۲ : انتخاب دسته جمعی ID ها ( با کاما ( , ) از همدیگه جدا میشن )

امتحان کنید

مثال شماره ۳ : انتخاب یک ID خاص در یک تگ خاص

امتحان کنید

مثال شماره ۴ : انتخاب یک ID از عنصر فرزند داخل عنصر پدر ( داره میگه انتخاب کن ID تست را که در تگ P هست و تگ P باز خودش داخل تگ DIV هست )

امتحان کنید

Free-Learn

پشتیبانی مرورگرها

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این انتخابگر در CSS پشتیبانی میکنند یا خیر.

نام انتخابگر Chrome Firefox Opera Safari IE
آی دی / ID بله بله بله بله بله

Free-Learn

شکل نوشتاری انتخابگر آی دی یا ID در CSS

نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این انتخابگر در CSS بصورت زیر می باشد.

Free-Learn

نکات و توضیحات

معمولا خیلی کمتر از ID ها در CSS استفاده میشه، و در مقابل از ID ها بیشتر در جاوااسکریپت استفاده میشه ، و بیشتر از کلاس ها در CSS استفاده میشه، ولی خب اینکه بخوایم بگیم مثلا بیشتر از ۴ تا ID نمیشه در CSS استفاده کرد، خیر هیچ محدودیتی برای استفاده از ID ها در CSS وجود ندارد.

Free-Learn

دریافت PDF یا پرینت این مطلب