वंशज समूहन के लिए मायावी सीएसएस चयनकर्ता

हालांकि सीएसएस स्टाइलिंग तत्वों के लिए शक्तिशाली विकल्प प्रदान करता है, एक उल्लेखनीय अनुपस्थिति वंशजों को आसानी से समूहित करने की क्षमता है . HTML तालिकाओं जैसे जटिल तत्वों को स्टाइल करते समय यह सीमा स्पष्ट हो जाती है, जहां कॉलम शीर्षकों और कोशिकाओं दोनों को समान शैली निर्दिष्ट करने के लिए बोझिल चयनकर्ताओं की आवश्यकता होती है। निम्नलिखित तालिका उदाहरण पर विचार करें:

  ...
  

#myTable th, #myTable td {}

एक अधिक सहज सिंटैक्स के समान एक ग्रुपिंग चयनकर्ता का उपयोग करना होगा:

#myTable (th, td) {}

#myTable (th, td) {}

जैसा कि यह पता चला है, एक वंशज समूह चयनकर्ता की कमी एक लंबे समय से मुद्दा रही है। 2008 में प्रस्तावित :any() छद्म वर्ग जैसे किसी एक को पेश करने के शुरुआती प्रयासों को गति नहीं मिली।

हाल के विकास और आशा की किरण

हालाँकि, चयनकर्ता स्तर 4 वर्किंग ड्राफ्ट एक समूहीकरण छद्म वर्ग, :matches() की अवधारणा को फिर से प्रस्तुत करता है। हालांकि यह प्रस्ताव वादा दिखाता है, ब्राउज़र समर्थन अभी भी बहुत दूर है।

वैकल्पिक समाधान

इस बीच, वंशज समूहीकरण के लिए कुछ समाधान हैं:

* चयनकर्ता का उपयोग करना:

• (ध्यान दें कि tr तत्वों में केवल td या th तत्व होते हैं और अन्य तत्व नहीं)

  #myTable tr > * {}

  निष्कर्ष
• एक की कमी सीएसएस में वंशज समूह चयनकर्ता कई वर्षों से एक लगातार मुद्दा रहा है। जबकि हालिया प्रस्ताव आशा की एक झलक पेश करते हैं, व्यापक ब्राउज़र समर्थन मायावी बना हुआ है। तब तक, डेवलपर्स को वैकल्पिक तरीकों पर भरोसा करना चाहिए या मौजूदा वें, टीडी चयनकर्ता की वाचालता से इस्तीफा देना चाहिए।