:not() Pseudo-class
شبه کلاس ()not:
در CSS عناصری را هدف قرار می دهد که جزو عناصر داده شده برای این شبه کلاس تابعی نباشند.
css
/* را انتخاب می کند 'div' هر عنصری بجز */ :not(div) { margin: 0; }
مواردی که باید در استفاده از سودو کلاس ()not:
در نظر گرفته شود:
- شبه کلاس
()not:
نمیتواند بصورت تو در تو استفاده شود:((...)not:)not:
- شبه عنصر ها نمی توانند مانند شبه کلاس ها در
()not:
عمل کنند. برای مثال(p::before)not:
کار نخواهد کرد. - انتخابگرهای universal نیز می توانند در این سودو کلاس استفاده شوند. برای مثال
(*)not:
تمام عناصری را که عنصر نباشند را هدف قرار می دهد، بدین ترتیب هیچگاه عمل نخواهد کرد. - این شبه کلاس می تواند هدف گیری را اختصاصی تر کند. بدین تریب که
sample:not(#book)#
همان عناصری را کهsample#
انتخاب میکند هدف میگیرد با این تفاوت که درجه اولویت بیشتری خواهد داشت. -
not(.sample):
همه چیز بجزsample.
را انتخاب می کند به علاوه<html>
و<body>
- این انتخابگر تنها برای یک عنصر عمل می کند و شما نمی توانید آن را برای تمام والد های آن استفاده کنید.
برای مثالbody:not(table) a
هنوز به لینکهای داخلtable
اشاره می کند، تا زمانی که()not:
به<tr>
نیز اشاره کند.
در مثال زیر نحوه عملکرد این شبه کلاس را میبینیم:
html
<p>این یک پاراگراف است.</p> <div>این یک پاراگراف نیست.</div> <p>این یک پاراگراف است.</p>
css
body { direction: rtl; text-align: right; } body :not(p) { color: red; }
مشاهده و ویرایش کد در حالت تمام صفحه
پشتیبانی مرورگرها
تمام مرورگرها از این شبه کلاس در CSS پشتیبانی می کنند.