cssblog.ir logo
S

not

انتخاب‌گر عدم تطابق با شرط

سلکتور not یک سلکتور دیگر را بعنوان ورودی می پذیرد و در عدم تطابق با سلکتور ورودی، وارد عمل می‌شود

سلکتور not یکی از جالب ترین سلکتورهای CSS بوده و در برخی از مواقع می تواند چنان کاربردی و مفید ظاهر شود که حتما ارزش یادگیری نحوه عملکرد آن را دارد.

این سلکتور مانند nth-child یک ورودی را دریافت می کند. ورودی می تواند هر سلکتور صحیحی باشد.

مقداری که به ورودی :not() می‌دهیم سلکتوری است که می خواهیم صحیح نبودن آن را بررسی کنیم. مثلا فرض کنید شما می‌خواهید به تمام پاراگراف‌ها بجز آن پاراگرافی که کلاسjustify را دارد، text-align بدهید.

برای انجام چنین کاری CSS ما به این شکل خواهد بود:

p:not(.justify) {
	text-align: right;
}

مثال ۲:‌ استفاده از تگ داخل not

.justify:not(ul){
	
}

مثال ۳: استفاده از ID داخل not

div:not(#header) {
	
}

مثال ۴: کمی پیچیده‌تر

انتخاب <‌li‌> هایی که اولین فرزند هستند و اما آخرین فرزند نیستند! (در واقع غیر از مواردی که <‌li‌> تنها فرزند <‌ul‌> نیست. 

ul li:first-child:not(:last-child){
	
}

دیدگاه کاربران

تاکنون <% totalComments %> دیدگاه برای این مطلب ثبت شده است.

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

<% errorMessage %>

<% comment.name %>

avatar
<% comment.comment_replies.length %> پاسخ برای این دیدگاه ثبت شده است

<% reply.name %>

avatar

ارسال دیدگاه جدید

برای ارسال دیدگاه یا پرسش جدید از طریق فرم زیر اقدام کنید.

ارائه پاسخ به دیدگاه

شما در حال پاسخ دادن به دیدگاه «<% replyComment.name %>» هستید. انصراف از پاسخ

  • <% s %>
  • <% e %>

نکاتی درباره دیدگاه ها

  1. برای حذف کپچا (عبارت امنیتی) وارد اکانت خود شوید
  2. شما می توانید از markdown داخل کامنت خود استفاده کنید (اطلاعات بیشتر)
  3. دیدگاه ها قبل از نمایش نیازمند تائید می باشند