آموزش شبه کلاس invalid در CSS

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

آموزش شبه کلاس invalid در CSS

Free-Learn

شبه کلاس invalid در CSS

با استفاده از شبه کلاس ( یا هم انتخابگر ) invalid در CSS میتوان برای عناصری که دارای مقدار نامعتبر می باشند، استایل دلخواه تعریف کرد.

این شبه کلاس فقط بروی عناصر ورودی که دارای محدودیت محتوایی می باشند کار میکند، مثلا بروی عنصر ورودی از نوع ایمیل یا عناصری ورودی که دارای صفت min و max می باشند.

با استفاده از شبه کلاس valid نیز میتوان عناصری را که مقدارشون معتبر می باشد انتخاب و بهشون استایل داد.

نسخه CSS3

Free-Learn

مثال از شبه کلاس invalid در CSS

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

مثال شماره ۱ : استفاده در عنصر ورودی از نوع email ( ایمیل )

امتحان کنید

مثال شماره ۲ : استفاده در عنصر ورودی از نوع number ( محدوده انتخاب عددی )

امتحان کنید

Free-Learn

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

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

نام انتخابگر Chrome Firefox Opera Safari IE
invalid: ۱۰ ۴٫۰ ۱۰ ۵٫۰ ۱۰

Free-Learn

شکل نوشتاری

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

Free-Learn

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

این شبه کلاس فقط بروی عناصر ورودی ( Input ) که دارای محدودیت محتوایی می باشند کار میکند، مثلا بروی عنصر ورودی از نوع ایمیل ( همانند مثال شماره ۱ ) یا عناصری ورودی که دارای صفت min و max ( همانند مثال شماره ۲ ) می باشند.

Free-Learn

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