संयोजन: अंतिम-बच्चे के साथ: सीएसएस में नहीं (.class) चयनकर्ता

Question

क्या अंतिम बच्चा चुनना संभव है जिसमें कक्षा एआरआर नहीं है? इस तरह की तरह:

<tr> ... </tr> 
<tr> ... </tr> 
<tr> ... </tr> 
<tr class="table_vert_controls"> ... </tr> 

मैं तीसरी पंक्ति का चयन करना चाहते, इस मामले में।

tr:not(.table_vert_controls):last-child 

धन्यवाद अग्रिम में:

मैं निम्नलिखित है, जो काम नहीं किया की कोशिश की।

Answer 1

अकेले CSS चयनकर्ताओं, कोई साथ

नहीं, के रूप में विशेष रूप से :last-child अंतिम संतानपर लग रहा है, और वहाँ एक समान :last-of-class छद्म वर्ग नहीं है। this related question पर मेरा उत्तर देखें।

2015 के अंत के रूप में, कार्यान्वयन धीरे धीरे में चयनकर्ता के लिए 4 के विस्तार :nth-child() और :nth-last-child() जो आप एक तर्क (लिंक किए गए जवाब के लिए एक अद्यतन में वह भी पर और अधिक) के रूप में एक मनमाना चयनकर्ता पारित करने के लिए अनुमति देने के लिए मिलने वाले शुरू कर दिया है। इसके बाद आप निम्न लिखने में सक्षम हो जाएगा:

tr:nth-last-child(1 of :not(.table_vert_controls)) 

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

$('tr:not(.table_vert_controls):last')