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

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

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

Free-Learn

شبه کلاس Empty در CSS

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

اگر در یک عنصر حتی ۱ عدد فاصله وجود داشته باشد، دیگه اون عنصر خالی نیست و یک عنصر محتوا دار حساب میشه.

نسخه CSS3

Free-Learn

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

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

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

امتحان کنید

مثال شماره ۲ : استفاده در یک تگ خاص

امتحان کنید

Free-Learn

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

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

نام انتخابگر Chrome Firefox Opera Safari IE
empty: ۴٫۰ ۳٫۵ ۹٫۶ ۳٫۲ ۹

Free-Learn

شکل نوشتاری

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

Free-Learn

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

در مثال های شماره ۱ و ۲ با استفاده از شبه عنصر after و ویژگی content تونستیم کاری کنیم که یک متن ( مثلا این عنصر خالی هست ) در عناصر خالی چاپ شود.

Free-Learn

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