Рассмотрите использование вывода ссылок или рыси для рендеринга версии только для текста HTML, и затем разности это.
Учитывая ваш пример HTML в его нынешнем виде, я не верю, что существует единственный селектор, который достигнет того, чего вы хотите. Элемент colgroup довольно уникален, когда дело доходит до поведения CSS, поскольку установка стиля для colgroup в конечном итоге влияет на элементы, которые (по правилам наследования CSS) полностью не связаны с colgroup. Это означает, что вы не можете использовать селектор, такой как colgroup.weekend tbody
, потому что tbody не является дочерним элементом colgroup (или наоборот) и просто не наследуется таким образом.
Самое близкое, что я мог бы достичь того, чего вы хотите, это следующее:
thead td {background-color: white; }
colgroup.weekend {цвет фона: красный; }
thead td
является более конкретным селектором, чем colgroup.weekend
, поэтому вы в конечном итоге «переопределяете» цвет colgroup для заголовка.