2012-12-20 12 views
36

मैं पहले और आखिरी के अलावा किसी तालिका में सभी बच्चों का चयन कैसे करूं? मैं इस की कोशिश की है, लेकिन यह सभी बच्चों कि पहले नहीं कर रहे हैं और सभी बच्चों कि समय तक नहीं कर रहे हैं का चयन समाप्त होता है, जो सभी बच्चों को किया जा रहा समाप्त होता है:सीएसएस चयनकर्ताओं के साथ पहले और आखिरी को छोड़कर सभी बच्चों का चयन कैसे करें

table.programs tr td:not(:first-child), table.programs tr td:not(:last-child) { 
} 

मैं सभी बच्चों कि न तो पहले कर रहे हैं चाहते हैं और न ही पिछले। मैं यह कैसे कर सकता हूँ?

+0

इससे संबंधित: http://stackoverflow.com/questions/7403129/combining-not-selectors-in-css – Spudley

+1

यह एक अधिक निकटता से संबंधित है: http://stackoverflow.com/questions/10033299/is-there-any -तरह करने वाली निर्दिष्ट एक सीएसएस-shorthand- सभी-तत्वों को छोड़कर- पहले-एल (शायद यहां तक ​​कि एक डुप्ली) – BoltClock

उत्तर

2

मुझे लगता है कि यह आपके लिए काम करना चाहिए:

table.programs tr td:not(:first-child,:last-child) 
+0

उन्होंने सीएसएस कहा, jQuery नहीं। – Barmar

+0

ठीक है, वह दुखी सीएसएस चयनकर्ता (जो jQuery भी उपयोग करता है)। लेकिन उन्होंने पोस्ट किए गए वाक्यविन्यास पर विचार करते हुए, बिंदु moot =) है। –

+0

नोट, यदि आप इसे सीएसएस में उपयोग कर रहे हैं, तो यह कुछ पुराने ब्राउज़र में समर्थित नहीं है। यदि संभव हो तो मैं आपके पहले और अंतिम तत्वों को 'पहला' और 'अंतिम' कक्षाएं देने पर विचार करूंगा। –

3

jQuery समाधान ठीक है, लेकिन मैं आप पूरे मेज पर नियम लागू होते हैं के लिए सुझाव और फिर चाहते हैं, तो आप शुद्ध सीएसएस में करना चाहते हैं उन्हें पहले और अंतिम बच्चों के लिए रीसेट करें। अर्थात्:

table.programs tr td { 
    /* your rules here */ 
} 

table.programs tr:first-child td:first-child, 
table.programs tr:last-child td:last-child { 
    /* reset your rules here */ 
} 

jsFiddle demo

+0

मुझे लगता है कि आपका जवाब सबसे अच्छा है, क्योंकि यह क्रॉस-ब्राउजर है, इसलिए 7,8 (अभी भी वास्तविक), पुरानी विंडोज़ फोन यानी इसका समर्थन करता है। – Serg

49

उपयोग संयुक्त, जिससे तत्वों है कि उन दोनों, यानी मेल खाते हैं तत्वों है कि :not() की ऑपरेंड के रूप में इस्तेमाल चयनकर्ताओं के न मिलान करने के लिए चर्चा करते हुए दो :not() चयनकर्ताओं:

table.programs td:not(:first-child):not(:last-child) 
+0

@ फ्रैंकवी, आपने दूसरे प्रश्न और उसके उत्तर को गलत समझा। सवाल का उल्लेख है कि 'नहीं()' चयनकर्ताओं को बंधे हुए हैं लेकिन पूछते हैं कि कोई विकल्प है या नहीं। –

+0

मुझे धन्यवाद ..... –

+1

टीडी + टीडी: नहीं (: अंतिम बच्चा) – VisWebsoft

संबंधित मुद्दे

 संबंधित मुद्दे