İlk çocuk ve son alt öğe dışındaki için CSS seçici

105

Çok gelişmiş bir web sitesi yapıyorum. Sorum: :first-childve dışındaki tüm diğer çocukları seçmek mümkün mü :last-child? Bir :not()seçici olduğunu biliyorum ama parantez içinde olmayan birden fazlasıyla çalışmıyor. Sahip olduğum şey bu:

#navigation ul li:not(:first-child, :last-child) {
    background: url(images/UISegmentBarButtonmiddle@2x.png);
    background-size: contain;
}

html css css-selectors

— Daniel
kaynak

Bunu kullanmak için çok cesursun. Yalnızca modern tarayıcılarda çalışacağını ve herkesin kullandığı anti-tarayıcı üzerinde kesinlikle çalışmayacağını unutmayın.

— kurtulmak

@Radu: "Çok gelişmiş bir web sitesi yapıyorum"

— Şaşırtıcı değil

@BoltClock, doğru, sadece söylüyorum ... Uyarı kelimesi. Ancak yine de, hedef, görüntünün adından da anlaşılacağı gibi iOS Safari ise, o zaman güvenli olmalıdır.

— kurtulmak

Şimdi bu sorunun neden bu kadar tanıdık geldiğini

— anlıyorum

"anti-tarayıcı"? Bu, sürekli duyduğum yeni Google Ultron mu?

— Jonathan Dumanie'nin

Yanıtlar:

262

Deneyin #navigation ul li:not(:first-child):not(:last-child).

— Salman von Abbas
kaynak

SENİN MÜTHİŞ! Teşekkür ederim!

— Daniel

rofl, not()googling yapmadan önce bunu

— denememin

Bu yanlış: not (A and B)eşit değildir (not A) and (not B), bu daha çok olur (not A) or (not B). İşe yaramıyor.

— Hibou57

Hayır, Salman Abbas'ın söylediği doğru. Virgülü düşünüyorsunuz; #navigation ul li: not (: first-child), #navigation ul li: not (: last-child)

— user847074

Elbette işe yarayacaktır, sadece iki 'değil' seçicisi kullanmanız gerekir.

#navigation ul li:not(:first-child):not(:last-child) {

İlkinden sonra "ilk çocuk değil" ve "son çocuk değil" diyerek devam edecek.

— animuson
kaynak