: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 پشتیبانی می کنند.
