CSS'te kullanılan :not seçicisi, belirli bir öğe kümesi dışındaki öğeleri seçmek için kullanılır Bu seçici sayesinde istenmeyen öğeleri çıkararak daha spesifik CSS kodları oluşturulabilir Örneğin, belirli bir sınıfa sahip olan öğeler arasından istenmeyen bir alt sınıfın hariç tutulması için belirli-sinif:notistediğin-sınıf { color: red; } kodu kullanılabilir İç içe geçmiş öğeleri hariç tutmak için de :not seçicisi kullanılabilir Web sayfalarının tasarımında kullanılan seçiciler arasında en önemli ve güçlü olanlardan biri olan :not seçicisi, web tasarımcıları için oldukça faydalıdır
CSS, web sayfalarının düzenlenmesinde yaygın olarak kullanılan bir teknolojidir. Web tasarımcıları, sayfaları görsel olarak çekici hale getirmek için CSS kodu kullanırlar. Bu kod içinde en yaygın olarak kullanılan seçiciler arasında, :not seçicileri de oldukça güçlüdür.
:not seçicisi, belirli bir öğe kümesi dışındaki öğeleri seçmek için kullanılır. Bu, belirli bir sınıf veya belirli bir öğe türü gibi nitelikleri olan tüm öğeleri seçmekten farklıdır. Bu seçici, belirli bir şekilde işaretlenmiş öğeleri hariç tutmanızı sağlar. :not seçicisi, bir ana seçiciye eklenerek kullanılır ve seçilen öğelerden belirli bir öğe kümesi hariç tutulur. Bu, başka bir seçici kullanarak işaretlenmeyen öğeleri seçmek yerine, istenmeyen öğeleri çıkarmak için kullanılabilir.
:not Seçici Nedir?
:not seçicisi, CSS'de oldukça güçlü bir seçicidir ve belirli bir öğe kümesi dışındaki öğeleri seçmek için kullanılır. Bu, belirli bir sınıf veya özellik gibi nitelikleri olan tüm öğeleri seçmekten farklıdır. Örneğin, ".red" sınıfı kullanan tüm öğeleri seçmek yerine, ".red" sınıfı kullanmayan öğeleri seçmenizi sağlar.
Belirli bir öğe kümesi dışındaki öğeleri seçmek için :not kullanımı oldukça faydalıdır. Örneğin, bir web sitesindeki tüm ürünleri seçmek istediğinizi düşünün. Bununla birlikte, belirli bir ürün türünü hariç tutmak ve yalnızca belirli koşulları karşılayanları seçmek istiyorsanız, :not kullanabilirsiniz. Bu seçici, web sitenizdeki öğelerin daha hassas bir şekilde seçilmesine yardımcı olur ve daha spesifik CSS kodları yazmanızı sağlar.
:not seçicisi Nasıl Kullanılır?
:not seçicisi, CSS'te öğelerin seçiminde oldukça önemli bir rol oynar. Bu seçici, belirli bir ana seçiciye bağlı olarak kullanılır ve ana seçiciden seçilen öğelerden belirli bir öğe kümesi hariç tutulur. Bu, başka bir seçici kullanılarak işaretlenmemiş öğeleri seçmek yerine, istenmeyen öğeleri çıkarmak için kullanılabilir. Özellikle, bir web sitesinde bazı özelliklere sahip öğeleri hariç tutmak istediğinizde :not seçicisini kullanmak oldukça yararlıdır.
Örnek Kullanımı
CSS :not seçicileri, belirli bir şekilde işaretlenmiş öğeleri hariç tutmanıza olanak sağlar. :not seçicisi, seçilen öğelerden belirli bir öğe kümesi hariç tutulmasına olanak verir. Bu seçiciyi kullanmak, istenmeyen öğeleri çıkarmak için kullanılabilir.
Bir örnek kullanımı aşağıdaki gibidir:
| Kod | Açıklama |
|---|
| .belirli-sinif:not(.istediğin-sınıf) { color: red; } | Bu kod, belirli bir sınıftaki öğelerin istenmeyen alt sınıflarının hariç tutulmasını sağlar. Bu seçici, istenmeyen öğelerin çıkartılmasında oldukça yararlıdır. |
Bu örnekte, .belirli-sinif sınıfına sahip olan tüm öğeler seçilir. Ancak, .istediğin-sınıf sınıfına sahip olan öğeler hariç tutulur ve kırmızı renk uygulanır.
İç İçe Geçmiş öğeleri hariç tutma
wrapper>=
=
=
=
=
Bu örnek kullanımda, belirli bir sınıfa sahip olan tüm öğelerin arasından istenmeyen bir öğe hariç tutulmaktadır. İç içe geçmiş öğelerin seçimi zor olabilir, ancak :not seçicisi sayesinde belirli bir öğenin seçimi veya hariç tutulması mümkündür. Örnekteki kullanım, belirli bir sınıfa sahip öğelerin arasından belirli bir sınıfa sahip olmayanları seçmek için uygulanır. Bu şekilde, item sınıfına sahip olan tüm öğeler sarı renkte gösterilirken, item specific olan öğeler hariç tutulur ve farklı bir renkte gösterilir. Bu, web sitesinin tasarımına göre değişebilir, ancak genel olarak iç içe geçmiş öğelerin seçilmesinde ya da hariç tutulmasında kullanılabilir.
wrapper
Wrapper, bir web sayfasındaki ana konteynırı temsil eder. Genellikle, birden fazla öğe içeren bir gövdeyi kapsar ve CSS kodu içinde kullanılır.
- Wrapper, alanı sınırlar ve sayfayı daha organize hale getirir.
- Genellikle, birden fazla öğeyi gruplamak veya stil uygulamak için kullanılır.
Ayrıca, wrapper, sayfanın kenar boşluklarını kontrol etmek veya sayfanın genişliğini sınırlandırmak gibi işlevler de yerine getirir.
>
CSS'te en yaygın olarak kullanılan seçicilerin yanı sıra, :not seçicileri de oldukça güçlüdür. Bu seçici, belirli bir şekilde işaretlenmiş öğeleri hariç tutmanızı sağlar. :not seçici, belirli bir öğe kümesi dışındaki öğeleri seçmek için kullanılır. Bu, belirli bir sınıf veya belirli bir öğe türü gibi nitelikleri olan tüm öğeleri seçmekten farklıdır. :not seçicisi, bir ana seçiciye eklenerek kullanılır ve seçilen öğelerden belirli bir öğe kümesi hariç tutulur. Bu, başka bir seçici kullanarak işaretlenmeyen öğeleri seçmek yerine, istenmeyen öğeleri çıkarmak için kullanılabilir.
Bir örnek kullanımı şöyle olabilir: .belirli-sinif:not(.istediğin-sınıf) { color: red; }. Bu kod, ".istediğin-sınıf" sınıfına sahip öğeleri hariç tutar ve ".belirli-sinif" sınıfına sahip olan öğelerin yazı rengini kırmızı olarak ayarlar. Ayrıca :not seçicisi, iç içe geçmiş öğeleri hariç tutmak veya belirli bir öğe türünden istenmeyen öğeleri hariç tutmak için de kullanılabilir.
İç İçe Geçmiş öğeleri hariç tutma
Bu örnek HTML kodunda, ".item" sınıfına sahip olan tüm öğelerinin arka plan rengi sarı olarak ayarlanır, ancak ".specific" sınıfına sahip olan öğeler hariç tutulur.
İstenmeyen Türlerin Hariç Tutulması
Bu örnek HTML kodunda, "p" türünden istenmeyen öğeler hariç tutulur ve ".wrapper" sınıfına sahip olan öğelerin arka plan rengi mavi olarak ayarlanır.
item
item, HTML ile etiketlenmiş herhangi bir öğeyi ifade eder. Bu öğeler, resimler, metin kutuları, butonlar, linkler ve daha birçok şey olabilir. item'lar, bir web sitesinin yapısında önemli bir rol oynar ve web sayfalarının düzeninin oluşturulması için kullanılır. Örneğin, bir menü öğesi bir item olarak işaretlenebilir veya bir belirli paragraf bir item olarak işaretlenebilir.
item'ların HTML ile etiketlenmesi, CSS seçicilerinin kullanımını daha da güçlendirebilir. Özellikle, :not seçicileri, belirli bir öğe kümesi hariç tutmak istediğinizde kullanışlıdır. Ancak, item seçici kullanımı, aynı zamanda web sayfaların SEO açısından daha da önemli hale getirir. İyi tasarlanmış bir HTML kodu, arama motorları tarafından daha kolay anlaşılabilecek ve web sayfalarının görünürlüğünü artırabilecektir.
- Bir item, web sayfalarındaki düzenin temel bileşenlerinden biridir.
- :not seçicilerinin kullanımı, item'ları seçmek yerine istenmeyen öğeleri hariç tutmak için kullanılabilir.
- İyi tasarlanmış bir HTML kodu, SEO açısından önemli bir faktördür ve web sayfalarının görünürlüğünü artırabilir.
>
not() seçicisi, CSS'de oldukça kullanışlı bir seçicidir. Örneğin, bir sayfada belirli bir sınıftaki tüm öğeleri seçmek istediğiniz durumlarda veya belirli bir öğe tipindeki tüm öğeleri seçmek istediğiniz durumlarda, not() seçicisini kullanabilirsiniz. Bu seçici, istenmeyen öğeleri hariç tutarak kodun daha temiz ve daha kolay okunur hale gelmesine yardımcı olabilir. Ayrıca, not() seçicisi yavaş yükleme sürelerine neden olabilecek gereksiz öğelerin sayısını azaltarak bir web sitesinin performansını artırabilir.
| Kod | Açıklama |
| .belirli-sinif:not(.istediğin-sınıf) { color: red; } | belirli-sinif sınıfına sahip tüm öğeler kırmızı renkte olacak, ancak istediğin-sınıf sınıfına sahip olanlar hariç. |
Bu kullanım örneğinde, belirli-sinif sınıfına sahip tüm öğeler kırmızı bir renkle işaretlenecektir, ancak istediğin-sınıf sınıfına sahip olanlar hariç tutulacaktır. Böylece, not() seçicisi kullanarak istenmeyen öğeleri çıkarmak mümkün olur.
itemWeb tasarımında, item terimi, genellikle belirli bir görevi yerine getiren küçük öğeleri ifade etmek için kullanılır. Örneğin, bir e-ticaret sitesinde, ürünleri göstermek için kullanılan küçük kutular, item olarak adlandırılabilir. Ayrıca, bir blog sayfasında, her bir blog gönderisi de bir item olarak adlandırılabilir.
Bir item, birden fazla HTML öğesini veya bileşeni içerebilir. Bu nedenle, bir item'in stilini oluştururken, içerdiği öğelerin tümü düşünülmelidir. Örneğin, bir ürünü gösteren bir item, ürün resmi, başlık, fiyat vb. gibi farklı öğeleri içerebilir.
Item'ların stilini belirlemek için CSS, özellikle :not seçicileri kullanılabilir. Örneğin, bir önceki örnekteki ürün item'ının sadece belirli bir sınıftaki ürünlerin arkaplan rengini değiştirmek isterseniz, :not seçicisini kullanarak diğer item'ları hariç tutabilirsiniz.
- Bir item, küçük ama önemli bir web tasarım öğesidir.
- Bir item, birden fazla öğeyi içerebilir ve stilini belirlemek için özel CSS kullanılabilir.
- :not seçicileri, item'ların stilini belirlemenin bir yolu olarak kullanılabilir.
> Bir başka örnek olarak, bir web sitesinde iç içe geçmiş olan öğelerin hariç tutulması gerektiğini düşünelim. Bu durumda, :not seçicisi kullanarak istemediğimiz öğeleri çıkarabiliriz. Örneğin, bir 'wrapper' adlı üst öğe içerisindeki 'item' öğelerini sarıya boyamak istediğimizi varsayalım. Ancak belirli bir 'specific' sınıfı olan 'item' öğeleri hariç tutulmalıdır. Böyle bir durumda, CSS kodumuz şöyle olabilir:
Bu kodda, '.item:not(.specific)' kısmıyla istenmeyen 'specific' sınıfına sahip 'item' öğeleri hariç tutulur. Sonuçta, sadece içinde 'specific' sınıfı olan 'item' öğeleri sarıya boyanmaz ve diğerleri ise boş olarak kalır.
item specific
Bir HTML belgesinde, özellikle bir görsel tasarım içeren sitelerde, bazı öğelerin ortak bir tasarıma sahip olması ama bazı öğelerin farklı renkte, boyutta veya şekilde olması gerekebilir. İşte bu noktada, "item specific" sınıfı kullanışlı bir seçenek haline gelir. Bu sınıf, özellikle belirli öğelerin belirli özelliklerini değiştirmek istediğiniz durumlarda sağlam bir çözüm olarak ön plana çıkar. Bu sınıfı kullanarak belirli öğelerin tasarımına müdahale etmek, sitenin görsel bütünlüğünü korumak açısından oldukça önemli bir adımdır.
>
Yukarıda gördüğümüz kod bloğu, ".item" sınıfına sahip tüm HTML öğelerinin arka plan rengini sarı yapar. Ancak, ".specific" sınıfı olan öğeler bu değişiklikten etkilenmezler. Bu, bir web sayfasının tasarımı için oldukça kullanışlı olabilir. Örneğin, belirli bir arka plan rengi kullanmak istediğiniz öğeleri belirlemek yerine, bu seçiciyi kullanarak olmayanları diğerlerinden ayırabilirsiniz.
Bir web sitesinde, belirli öğelerin seçilmesi yerine belirli özelliklere sahip öğeleri hariç tutmak oldukça önemlidir. Bu amaçla kullanılan :not seçicileri, CSS kodunun daha az karmaşık hale gelmesine yardımcı olur ve bir web sitesinin performansını artırır.
Özellikle iç içe geçmiş öğelerin seçilmesi yüksek bir zorluk arz edebilir. Bu tür durumlarda, kullanılan :not seçicisi ile ilgili öğe kümesi hariç tutularak istenmeyen türlerin seçimine son verilebilir. Örneğin, belirli bir türdeki <p> öğesini hariç tutmak için .wrapper:not(p) kullanılabilir.
Yukarıdaki örnek kod, <div class="wrapper"> etiketine dahil edilmiş üç öğe içermektedir. Böyle bir durumda, .wrapper:not(p), sadece bu üç öğenin içinde yer alan <p> öğesi hariç tutulur. Ardından, bu seçici ile "background-color" özelliği kullanılarak geri kalan tüm öğelerin arka plan rengi "blue" olarak değiştirilebilir.
wrapper
'Wrapper' olarak adlandırılan bir HTML öğesi, iki veya daha fazla öğeyi bir arada tutmak için kullanılır. Bu öğe genellikle iç içe geçmiş diğer öğeleri gruplandırmak veya bir bölümün tamamını kapsamak için kullanılır. Örneğin, bir sayfanın başlığını ve altbilgisini gruplandırmak için bir wrapper kullanılabilir. Wrapper, bir
veya
öğesi olabilir ve birçok CSS stili uygulanabilir. Bu öğeyi kullanarak web sitenizin tasarımını daha organize bir hale getirebilirsiniz. Ayrıca, bir wrapper öğesi kullanmak, sayfa düzeni üzerinde daha fazla kontrol sağlar ve SEO performansını da artırabilir.>Web siteleri tasarlayanların CSS'te en yaygın olarak kullandığı öğelerden biri, div öğeleridir. Web sitelerinin farklı bölümlerinde kullanılan div öğeleri, farklı sınıflara veya özelliklere sahip olabilir. Bu özelliklerini kullanarak istenilen bir div öğesi seçilebilir. Ancak bazı durumlarda, istenilen öğeden ziyade belirli özellikleri taşımayan öğelerin belirlenmesi gerekebilir. İşte bu noktada, :not seçicisi devreye giriyor.
:not seçicisi, belirli bir özellik veya sınıfa sahip tüm öğeleri seçmekten ziyade, bu özellikleri taşımayan öğeleri seçmek için kullanılır. Bu sayede, CSS kodu daha az karmaşık hale gelir ve web sitesinin performansı artırılır. Örneğin, footer öğeleri, genellikle belirli sınıflara sahip olsa da :not seçicisi kullanılarak bu öğeler hariç tutulabilir.
itemitem kullanımı, web sitelerinde sıkça kullanılan bir HTML öğesi olarak ön plana çıkmaktadır. Bir web sayfası içerisinde, metin, resim, buton vb. gibi her tür öğeyi temsil edebilen bir terimdir. item, CSS :not seçicilerinin kullanımı için de oldukça yararlıdır. Bu öğe, CSS kodlarında bir öğenin özellikleri için bir seçici olarak da kullanılabilir. Örneğin, bir web sitesinin menüsünde farklı öğeleri ayırmak için kullanılabilir.
Bunun yanı sıra, item kullanımı listelerde de sıkça görülmektedir.
ve etiketleri içerisinde - öğesi olarak kullanılır. Bu sayede, bir dizi öğenin listelendiği yerlerde, her öğe için ayrı ayrı
etiketleri kullanmak yerine tek bir item etiketi kullanmak daha kullanışlı olabilir.
>
CSS :not Selectors Kullanımı ve Avantajları
:not seçicisi, CSS'te oldukça güçlü bir seçicidir. Bu seçici, belirli bir öğe kümesi dışındaki öğeleri seçmek için kullanılır. Aynı zamanda :not seçicisi, bir web sitesinde belirli öğelerin seçilmesi yerine, belirli özelliklere sahip öğeleri hariç tutmak için kullanıldığında oldukça yararlıdır. Bu seçicilerin kullanımı, CSS kodunun daha az karmaşık hale gelmesine yardımcı olabilir ve bir web sitesinin performansını artırabilir.
:not seçicilerinin kullanımı, belirli bir sınıf veya belirli bir öğe türü gibi nitelikleri olan tüm öğeleri seçmekten farklıdır. Bu seçici, belirli bir şekilde işaretlenmiş öğeleri hariç tutmanızı sağlar ve seçilen öğelerden belirli bir öğe kümesi hariç tutulur. Bu, başka bir seçici kullanarak işaretlenmeyen öğeleri seçmek yerine, istenmeyen öğeleri çıkarmak için kullanılabilir.
Bir örnek kullanımı aşağıdaki gibidir:
.bir-sınıf:not(.istenmeyen-sınıf) { color: yellow; }
Bu örnekte, ".bir-sınıf" sınıfına sahip tüm öğeler sarı renk ile renklendirilirken, ".bir-sınıf" sınıfına ve ".istenmeyen-sınıf" sınıfına sahip olan öğelerin ise hariç tutulduğu görülmektedir.
:not seçicileri, belirli türlerdeki öğeleri hariç tutabildiği için oldukça esnek bir yapıya sahiptir. Örneğin, iç içe geçmiş öğeleri hariç tutmak ya da belirli bir türdeki öğeleri hariç tutmak için de kullanılabilir. Bunun için "nested" öğeleri ya da harici öğeleri kullanabilirsiniz.
:not seçicisi, CSS kodunun daha az karmaşık hale gelmesine de yardımcı olabilir. Bu sayede CSS dosyasındaki kod tekrarları en aza indirilebilir ve sayfa yükleme hızı artırılabilir.
Sonuç olarak, :not seçicisi oldukça güçlü bir araçtır ve CSS kodlamada oldukça yararlıdır. Bu seçicinin kullanımı, web sitelerinin performansını optimize etmek için oldukça önemlidir.
item
'Item', bir HTML belgesindeki herhangi bir öğeyi ifade eder. Yani belirli bir alanı örneklemek için kullanılabilir, örneğin bir resim, bir metin veya bir bağlantı gibi öğeler. Bu öğelerin her biri id veya sınıf gibi benzersiz bir özellikle belirlenebilir.
Item ismi, belirli bir özellik talep etmeksizin tarayıcıda görünen hemen hemen her şeyi tanımlar. Sıklıkla kullanılır ve CSS kodlaması için oldukça yararlıdır. Örneğin, web sayfalarında, <div> ve <span> öğeleri genellikle 'item' adıyla kullanılır. Item, hem HTML kodlama hem de CSS stillemeleri yaparken belirli bir özelliğe odaklanmanın önüne geçerek işleri kolaylaştırır.
>
Örnek kullanımı için, belirli bir sınıfın tüm öğelerini seçmek ve istediğimiz belirli bir sınıftan hariç tutmak için :not seçicisi kullanabiliriz.
Örneğin, "belirli-sinif" sınıfına sahip tüm öğeleri seçmek istiyorsak, ancak "istediğin-sınıf" sınıfına sahip öğeler hariç olsun istiyorsak, şu kodu kullanabiliriz:
- .belirli-sinif:not(.istediğin-sınıf) { color: red; }
Bu kodda, ".belirli-sinif" sınıfına sahip tüm öğeler seçilir, ancak eklenen ":not(.istediğin-sınıf)" ifadesi, "istediğin-sınıf" sınıfına sahip öğeleri hariç tutar ve kırmızı renk verir.
:not seçicileri, bir web sitesinde belirli öğelerin seçilmesi yerine, belirli özelliklere sahip öğeleri hariç tutmak için kullanıldığında oldukça yararlıdır. Bu seçicilerin kullanımı, CSS kodunun daha az karmaşık hale gelmesine yardımcı olabilir ve bir web sitesinin performansını artırabilir. - Bir web sitesinde belirli bir özellikteki öğeleri toplu olarak değiştirme olanağı verir.
- Özellikle karmaşık bir web sayfasında kullanmak, seçicilerin daha anlaşılır hale gelmesine yardımcı olur.
- Web sayfasının yüklenme süresini iyileştirir ve kullanıcılara daha iyi bir deneyim sunar.
Bir web sitesinde belirli öğeleri toplu olarak değiştirmek istediğinizi varsayalım. Bu, özellikle büyük web sitelerinde tüm öğeleri tek tek seçmek oldukça zor olabilir. Bunun yerine, belirli bir sınıfa sahip tüm öğeleri seçmek ve ardından istenmeyen öğeleri hariç tutmak için :not seçici kullanabilirsiniz.
| Öğe | Sınıfı |
| Berlin | city |
| Paris | city |
| Madrid | city |
| Rio de Janeiro | beach |
Eğer yukarıdaki tablodaki "city" sınıfına sahip tüm öğeler butonları belirli bir renge değiştirmek isterseniz, aşağıdaki kodu kullanabilirsiniz:
.selected:not(button) { background-color: red; }Bu kod, "city" sınıfına sahip olan tüm öğeleri seçer ve ardından "button" öğesi hariç her şeyi kırmızıya boyar.
itemitem (öğe) CSS'te sıkça kullanılan bir terimdir. Bu terim, HTML belgesinde belirli bir öğeyi ifade eden genel bir terimdir. Örneğin, bir div, span veya p etiketi gibi öğeleri ifade edebilir.
item, sayfanın tasarımında seçilecek olan öğeleri ifade etmek için kullanılır. Belirli bir sınıfa sahip veya belirli bir türdeki öğeleri seçmek için diğer seçicilerle birlikte kullanılabilir. :not seçicisi ile birlikte kullanarak, belirli bir sınıftaki veya belirli bir öğe türündeki öğeleri hariç tutmak için de kullanılabilir.
Özetle, item CSS'te en temel kavramlardan biridir ve bir web sayfasının tasarımında oldukça önemlidir.
>Bir web sitesinin tasarımı ve düzeni, kullanıcı deneyimi açısından oldukça önemlidir. Bu nedenle, CSS seçicileri kullanarak özellikle belirli öğelerin stillerini ayarlamak oldukça yaygındır. Ancak, belirli özellikleri olan öğeleri seçmek yerine, belirli özellikleri olmayan öğeleri seçmek de gerekebilir. İşte burada, :not seçicisi devreye girer. :not seçicisi kullanarak, belirli özelliğe sahip olmayan öğeleri seçebilirsiniz.
Bu özellik, daha kompleks bir CSS kodu yazmanızı engelleyebilir, böylece kodunuz daha temiz ve daha az karmaşık hale gelir. Ayrıca, belirli özelliğe sahip olan tüm öğelerin seçilmesi yerine, sadece belirli bir özellikten yoksun olan öğelerin seçilmesi de web sitesi performansını artırabilir.
:not seçicisi, belirli bir öğe kümesi dışındaki öğeleri seçmek için kullanılır. Bunun için bir ana seçiciye eklenir ve seçilen öğelerden belirli bir öğe kümesi hariç tutulur. Örneğin, bir belirli bir sınıftaki öğelerin rengini kırmızı yapmak istediğinizde, ancak belirli bir sınıfdaki öğelerin renginin kırmızı olmamasını istediğinizde, aşağıdaki kodu kullanabilirsiniz:
.belirli-sinif:not(.istediğin-sınıf) { color: red;}Bu kod, belirli-sinif sınıfındaki tüm öğelerin rengini kırmızı yapar, ancak aynı zamanda istediğin-sınıf sınıfındaki öğelerin rengini bu ayarın dışında tutar.
Bir başka örnek ise iç içe geçmiş öğelerin hariç tutulmasıdır:
Bu kod, wrapper sınıfındaki tüm öğelerin arka plan rengini sarı yapar, ancak sınıfı "specific" olan öğelerin arka plan rengi bu ayarın dışında tutulur.
Benzer şekilde, belirli türdeki öğeleri hariç tutmak isteyebilirsiniz:
Bu kod, wrapper sınıfındaki tüm öğelerin arka plan rengini mavi yapar, ancak paragraf etiketine sahip olan öğelerin arka plan rengi bu ayarın dışında tutulur.
Tüm bu örnekler, :not seçicisinin ne kadar güçlü ve esnek olduğunu göstermektedir. Bu seçiciyi kullanarak, kodunuzdaki belirli bir özellikten yoksun olan öğeleri belirlemeniz mümkündür. Bu özelliği kullanarak, web sitenizin performansını optimize edebilir ve daha temiz bir kod yazabilirsiniz.
:not seçicilerinin en büyük avantajlarından biri, belirli özelliklere sahip öğelerin hariç tutulmasıdır. Bu, web tasarımcılarının daha özelleştirilmiş bir seçici kullanmak yerine kullanmak istemedikleri öğeleri çıkarmasına olanak tanır. Böylece, CSS kodu daha sade ve daha az karmaşık hale gelir, web sitesinin performansı artar.
:not seçicilerinin diğer bir avantajı, daha az kod yazmanıza izin vermesidir. Örneğin, belirli bir sınıfta yer alan öğeleri hariç tutmak için iki farklı seçici kullanmanız gerekirken, :not seçicisi kullanarak tek bir seçici kullanabilir ve aynı sonucu elde edebilirsiniz. Bu, web tasarımının daha kolay anlaşılabilir hale gelmesine yardımcı olur.
