सीएसएस चयनकर्ता जो COLGROUP के लिए एक शैली लागू करता है लेकिन केवल टीबीओडीवाई (THEAD नहीं) के भीतर?

Question

मैं एक COLGROUP में पृष्ठभूमि रंग लागू करना चाहता हूं, लेकिन केवल तालिका के TBODY के भीतर।

<table> 
    <colgroup class="weekdays" span="5"/> 
    <colgroup class="weekend" span="2"/> 
    <thead> 
    <tr> 
     <td/><td/><td/><td/><td/> 

     <!-- I'd like the columns of the following two cells to be untouched. --> 
     <td/><td/> 
    </tr> 
    </thead> 
    <tbody> 
    <tr> 
     <td/><td/><td/><td/><td/> 

     <!-- I'd like selector to apply the style only to the columns of the following two cells --> 
     <td/><td/> 
    </tr> 
    ... 
    </tbody> 
</table> 

वहाँ एक सीएसएस चयनकर्ता (या कुछ इसी तरह) मेरे ठेड और tbody में "सप्ताह के अंत में" COLGROUP को एक अलग शैली लागू कर सकते हैं जो है: निम्नलिखित के रूप में एक संरचना के साथ एक ठेठ कैलेंडर तालिका को देखते हुए?

Answer 1

आपके उदाहरण एचटीएमएल के साथ यह खड़ा है, मुझे विश्वास नहीं है कि एक भी चयनकर्ता है जो आप चाहते हैं कि हासिल करेंगे। सहकर्मी तत्व सीएसएस व्यवहार की बात करते समय अनूठा है, क्योंकि एक समूह समूह के लिए शैली को सेट करने से तत्वों को प्रभावित किया जाता है (सीएसएस विरासत नियमों द्वारा) पूरी तरह से समूह समूह से असंबंधित होते हैं। इसका मतलब है कि आप colgroup.weekend tbody जैसे चयनकर्ता का उपयोग नहीं कर सकते हैं, क्योंकि यह समूह कोलग समूह (या इसके विपरीत) का बच्चा नहीं है और यह उस तरह से वारिस नहीं करता है।

निकटतम मैं तुम क्या चाहते प्राप्त करने के लिए आ सकता है निम्नलिखित है:

thead td { background-color:white; }
colgroup.weekend { background-color:red; }

thead td, colgroup.weekend तुलना में एक अधिक विशिष्ट चयनकर्ता है ताकि आप अंत 'अधिभावी' शीर्षक के लिए colgroup के रंग।