این آموزش در تاریخ ۱۴۰۰/۱۰/۱۴ آپدیت شده است.
آموزش شبه کلاس not در CSS
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش شبه کلاس not در CSS با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
شبه کلاس not در CSS
با استفاده از شبه کلاس ( یا هم انتخابگر ) not در CSS میتوان مشخص کرد که مثلا همه تگ های P در صفحه رنگشون آبی شه بجز فلان تگ. ( شبه کلاس not یعنی انتخاب نکن فلان تگ رو ) ، حالا نه فقط تگ P ، کلا هر تگی
| نسخه | CSS3 |
|---|
Free-Learn
مثال از شبه کلاس not در CSS
در ادامه میتوانید یک مثال از این انتخابگر / شبه کلاس را در زبان CSS مشاهده نمایید.
مثال شماره ۱ : داره میگه رنگ متن تگ های P رو آبی کن بجز اون تگی که کلاس free داره
|
1 2 3 4 5 |
p:not(.free) { background-color:#123456; color:#fff; text-align:center; } |
مثال شماره ۲ : ایجاد شمارنده خودکار ( عدد ) به ردیف های یک جدول ، با استفاده از شبه کلاس not گفتیم سطری که آی دی first-row داره رو شماره ردیف براش نزن
|
1 2 3 4 5 6 7 8 9 |
/* ایجاد شمارنده خودکار */ #My-Item::before { content:counter(My-Item); } /* خوده سلول ردیف نباید شمارش بشه */ tr:not(#first-row) { counter-increment: My-Item; } |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از انتخابگر / شبه کلاس not در CSS پشتیبانی میکنند یا خیر.
| نام انتخابگر | Chrome | Firefox | Opera | Safari | Edge |
| ()not: | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این انتخابگر / شبه کلاس در CSS بصورت زیر می باشد.
|
1 2 3 |
:not( Selector ) { دستورات سی اس اس در اینجا } |
Free-Learn
نکات و توضیحات
- نکته یا توضیح خاصی وجود ندارد.
