केवल पहले और आखिरी सीएसएस का उपयोग करके सभी सूची आइटमों का चयन कैसे करें?

Question

मेरे पास एक HTML सूची है, जिसमें से मुझे पहले और अंतिम तत्व के अलावा सभी को चुनने की आवश्यकता है।

अभी मैं इस तरह कोशिश कर रहा हूँ:

.inputList li:not(:first-child):not(:last-child) { 
    // stuff 
    } 

नहीं वास्तव में काम कर रहे ... वहाँ एक बेहतर तरीका है, वह भी IE पर काम करता है?

इनपुट के लिए धन्यवाद!

Answer 1

अनदेखा किया जा सकता है, और फिर पहली और आखिरी बच्चों के लिए ओवरराइड यह। उदाहरण के लिए:

.example > LI {background: green; } 

.example > LI:first-child, 
.example > LI:last-child {background: none; } 

Answer 2

लिखें इस तरह:

.inputList li:first-child, .inputList li:last-child{ 
    color:red; 
} 

नोट ऊपर IE7 & तक :first-child काम करते हैं। :last-child ऊपर IE9 & तक काम करते हैं।

Answer 3

पहले तत्व आप सभी बच्चे तत्वों के लिए एक घोषणा निर्दिष्ट कर सकते हैं के रूप में

li + li{border-left: 1px solid #000;}