COLGROUP için bir stil uygulayan ancak yalnızca TBODY içinde (THEAD değil) bir stil uygulayan CSS seçici?

Question

Arka plan rengini COLGROUP'a uygulamak istiyorum, ancak yalnızca tablonun TBODY'sinde.

<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> 

bir CSS seçici (veya benzeri) beni thead ve tbody içinde "hafta sonu" COLGROUP için farklı bir stil uygulamak sağlayan var mı: Aşağıdaki gibi bir yapıya sahip tipik bir takvim tablo göz önüne alındığında?

Answer 1

Örnek HTML'nizde olduğu gibi, istediğinizi elde edecek tek bir seçici olduğuna inanmıyorum. Clg davranışı söz konusu olduğunda colgroup unsuru oldukça eşsizdir çünkü bir colgroup için stilin ayarlanması, (CSS devralma kurallarına göre) colgroup ile tamamen ilgisiz olan elemanları etkilemektedir. Bu, colgroup.weekend tbody gibi bir seçici kullanamayacağınız anlamına gelir, çünkü tbody grubun bir çocuğu değildir (ya da tersi) ve bu şekilde miras kalmaz.

Ne istediğini elde gelebilir en yakın şudur: Eğer başlığında için COLGROUP rengini 'geçersiz' sona yüzden

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

thead td, colgroup.weekend daha spesifik seçici olduğunu.