2013-10-11 4 views
8

मुझे छद्म वर्गों (प्रथम-बच्चे, अंतिम-बच्चे, एनएच-बच्चे) का एक गुच्छा पता है, लेकिन मुझे सूची में पहले 2 बच्चों या अंतिम 2 का चयन करने में परेशानी हो रही है, सूची गतिशील है और हर समय बदलता है तो मैं गिनती ली केपहले 2 बच्चों या पिछले 2 बच्चों को लक्षित करना

<ul> 
<li></li> 
<li></li> 
<li></li> 
<li></li> 
<li></li> 
<li></li> 
</ul> 
+0

आप कोड के लिए उपयोग किया है? क्या आप सूची में कक्षाएं जोड़ सकते हैं? – CDub

+0

या बेहतर अभी तक, आप jQuery का उपयोग कर ऐसा कर सकते हैं। – CDub

उत्तर

13

पहले दो बच्चों के लिए आप उपयोग कर सकते हैं के आधार पर नहीं कर सकते लक्ष्य: टी के लिए

ul li:nth-child(-n + 2) { 
    color: orange; 
} 

http://jsfiddle.net/nYnSz/1/

वह दो पिछले:

ul li:nth-last-child(-n + 2) { 
    color: orange; 
} 

http://jsfiddle.net/nYnSz/

+1

क्या आप समझा सकते हैं कि चयनकर्ता में क्या करता है? – Kierchon

+0

यह ठीक काम करेगा? –

+5

@Deekey: आपके लिए कोशिश करने के लिए पहेली लिंक हैं। उन पर क्लिक करने का प्रयास करें। – BoltClock

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