آموزش انتخابگر کلاس در CSS

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

آموزش انتخابگر کلاس در CSS

Free-Learn

انتخابگر کلاس در CSS

با استفاده از این نوع انتخابگر به راحتی میتوان یک یا چندین کلاس را از یک صفحه وب انتخاب و سپس به آن کلاس ها استایل داد، یا حتی میتوان یک تگ خاص را با یک کلاس خاص انتخاب کرد.

خب برای ایجاد خوده کلاس در تگ های HTML باید از صفت Class استفاده نمایید و برای فراخوانی یک کلاس در CSS باید اول یک نقطه گذاشته سپس نام کلاس را بنویسیم.

نسخه CSS1

Free-Learn

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

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

مثال شماره ۱ : انتخاب یک عدد کلاس

امتحان کنید

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

امتحان کنید

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

امتحان کنید

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

امتحان کنید

Free-Learn

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

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

نام انتخابگر Chrome Firefox Opera Safari IE
کلاس / Class بله بله بله بله بله

Free-Learn

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

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

Free-Learn

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

نکته یا توضیح خاصی وجود ندارد.

Free-Learn

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