Селектор CSS, который применяет стиль к COLGROUP, но только в TBODY (не THEAD)?

Рассмотрите использование вывода ссылок или рыси для рендеринга версии только для текста HTML, и затем разности это.

13
задан Manne 16 November 2009 в 10:51
поделиться

1 ответ

Учитывая ваш пример HTML в его нынешнем виде, я не верю, что существует единственный селектор, который достигнет того, чего вы хотите. Элемент colgroup довольно уникален, когда дело доходит до поведения CSS, поскольку установка стиля для colgroup в конечном итоге влияет на элементы, которые (по правилам наследования CSS) полностью не связаны с colgroup. Это означает, что вы не можете использовать селектор, такой как colgroup.weekend tbody , потому что tbody не является дочерним элементом colgroup (или наоборот) и просто не наследуется таким образом.

Самое близкое, что я мог бы достичь того, чего вы хотите, это следующее:

thead td {background-color: white; }
colgroup.weekend {цвет фона: красный; }

thead td является более конкретным селектором, чем colgroup.weekend , поэтому вы в конечном итоге «переопределяете» цвет colgroup для заголовка.

14
ответ дан 2 December 2019 в 00:31
поделиться