آموزش شبه کلاس not در CSS
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش شبه کلاس not در CSS با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
شبه کلاس not در CSS
با استفاده از شبه کلاس ( یا هم انتخابگر ) not در CSS میتوان برای عناصری به جز عنصر مشخص شده توسط ما استایل دلخواه تعریف کرد.
مثلا میتونیم بگیم رنگ متن تمامی تگ های درون صفحه ، بجز تگ های پاراگراف آبی باشه. ( مثال شماره ۱ )
| نسخه | CSS3 |
|---|
Free-Learn
مثال از شبه کلاس not در CSS
در ادامه میتوانید یک مثال از این انتخابگر / شبه کلاس را در زبان CSS مشاهده نمایید.
مثال شماره ۱ : داره میگه اونایی که ( P ) نیستند، رنگ متن شون رو آبی کن.
|
1 2 3 4 5 6 7 |
<style> :not(p){ color:blue; } </style> |
مثال شماره ۲ : سطرهایی از جدول که کلاس test ندارند براشون استایل تعریف میکند.
|
1 2 3 4 5 |
/* سطرهایی که دارای کلاس تست نمی باشند */ table tr:not(.test){ background-color:#607D8B; color:#fff; } |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از انتخابگر / شبه کلاس not در CSS پشتیبانی میکنند یا خیر.
| نام انتخابگر | Chrome | Firefox | Opera | Safari | IE |
| ()not: | ۴٫۰ | ۳٫۵ | ۹٫۶ | ۳٫۲ | ۹ |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این انتخابگر / شبه کلاس در CSS بصورت زیر می باشد.
|
1 2 3 |
:not(selector) { دستورات سی اس اس در اینجا } |
Free-Learn
نکات و توضیحات
نکته یا توضیح خاصی وجود ندارد.
