पहले बच्चे और आखिरी बच्चे के अलावा अन्य के लिए सीएसएस चयनकर्ता


105

मैं एक बहुत ही उन्नत वेबसाइट बना रहा हूँ। मेरा प्रश्न: क्या :first-childऔर को छोड़कर बाकी सभी बच्चों का चयन करना संभव है :last-child? मुझे पता है कि एक :not()चयनकर्ता है लेकिन यह कोष्ठक में नहीं एक से अधिक के साथ काम नहीं करता है। यह वही है जो मेरे पास है:

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

आप इसका उपयोग करने के लिए शक्तिशाली हैं। ध्यान दें कि यह केवल आधुनिक ब्राउज़रों पर काम करेगा, और यह निश्चित रूप से एंटी-ब्राउज़र पर काम नहीं करेगा जिसका उपयोग हर कोई कर रहा है।
छुटकारा

2
@Radu: वहाँ कोई आश्चर्य की बात है ... "मैं एक बहुत ही उन्नत वेबसाइट बनाने रहा हूँ"
BoltClock

1
@BoltClock, ठीक है, बस कह रही है ... चेतावनी का शब्द। लेकिन वैसे भी, यदि लक्ष्य आईओएस सफारी है जैसा कि छवि का नाम बताता है, तो यह सुरक्षित होना चाहिए।
छुटकारा

1
अब मैं देख रहा हूँ क्यों इस सवाल का दिखता है तो परिचित ... stackoverflow.com/questions/7403129/combining-not-selectors
BoltClock

"विरोधी ब्राउज़र"? क्या वह नया Google Ultron है जिसके बारे में मैं सुनता रहता हूँ?
जोनाथन ड्यूमाइन

जवाबों:


262

कोशिश करो #navigation ul li:not(:first-child):not(:last-child)


आपका कमाल! धन्यवाद!
डैनियल


1
यह गलत है: के not (A and B)बराबर नहीं है (not A) and (not B), कि बल्कि होगा (not A) or (not B)। यह काम नहीं करता।
Hibou57

2
नहीं, सलमान अब्बास ने जो कहा है वह सही है। आप अल्पविराम के बारे में सोच रहे हैं; # नयाकरण उल ली: नहीं (: पहला बच्चा), # नयापन उल ली: नहीं (: अंतिम बच्चा)
user847074

20

यकीन है कि यह काम करेगा, आपको बस दो 'नहीं' चयनकर्ताओं का उपयोग करना होगा।

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

यह "पहले बच्चे नहीं" और "अंतिम बच्चे नहीं" कहते हुए, पहले एक के बाद की रेखा को जारी रखेगा।

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.