MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

CSS :not() Seçicisi

This translation is incomplete. Please help translate this article from English.

Özet

Olumsuzluk CSS pseudo-class seçicisi, :not(X), seçilmek istenen ögelerde buulunması istenmeyen sınıfları, kimlik değerleri vb CSS ceçicilerini tanımlamak için kullanılır. Girdi olarak X yerine girilen tanımlamalara sahip olmayan ögeleri sayfa içerisinde uygular.

Fakat X ifadesi içerisinde başka olumsuzluk özelliğği barındırmamaıdır.

Notlar:
  • Gereksiz seçiciler bu pseudo-class seçicisi ile yazılabilir. Örneğin :not(*) ifadesi "hiç bişey olmayan" tüm elemanlarla eşleşmesi gerektiği için boş gelir ve bu seçicideki kurallar asla uygulanamaz.
  • It is possible to rewrite other rules. E.g., foo:not(bar) will match the same element as the simpler foo. Nevertheless the specificity of the first one is higher.
  • :not(foo) ifadesi <html> ve <body>  içerisindeki <foo></foo> olmayan bütün elementleri seçer. .
  • This selector only applies to one element; you cannot use it to exclude all ancestors. For instance, body :not(table) a will still apply to links inside of a table, since <tr> will match with the :not() part of the selector.

Syntax

:not( <selector># )

Örnek

HTML

<p>Bu bir paragraf.</p>
<p class="classy">İşte sihir burada!</p>
<div>Burası yeşil olacak </div>

CSS

.classy { text-shadow: 1px 1px 2px gold; }
p:not(.classy) { color: red; }
body :not(p) { color: green; }

Sonuç

Özelleştirmeler

Özelleştirme Durum Açıklama
Selectors Level 4
The definition of ':not()' in that specification.
Working Draft Çeşitli karışık seçiciler için ifadeyi genişletir.
Selectors Level 3
The definition of ':not()' in that specification.
Recommendation Standart Tanımlama.

Browser compatibility

Özellik Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
Temel Özellikler 1.0 (Yes) 1.0 (1.7 or earlier) 9.0 9.5 3.2
Gelişmiş Çzellikler No support No support No support No support No support No support
Özellik Android Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Temel Özellikler 2.1 (Yes) 1.0 (1) 9.0 10.0 3.2
Gelişmiş Çzellikler No support No support No support No support No support No support

Document Tags and Contributors

 Contributors to this page: enesfnd
 Last updated by: enesfnd,