Комбинатор столбцов

Экспериментальная возможность: Это экспериментальная технология
Так как спецификация этой технологии ещё не стабилизировалась, смотрите таблицу совместимости по поводу использования в различных браузерах. Также заметьте, что синтаксис и поведение экспериментальной технологии может измениться в будущих версиях браузеров, вслед за изменениями спецификации.

Комбинатор столбцов (||) помещается между двумя селекторами CSS. Он соответствует только тем элементам, которым соответствует второй селектор, которые принадлежат элементам столбца, соответствующим первому.

css

/* Ячейки таблицы, принадлежащие к столбцу "выделено" */
col.selected||td {
  background: gray;
}

Синтаксис

column-selector || cell-selector {
  /* свойства стиля */
}

Примеры

HTML

html

CSS

css

col.selected||td {
  background: gray;
  color: white;
  font-weight: bold;
}

Result

Спецификации

Specification
Selectors Level 4 # selectordef-column

Совместимость с браузерами

Смотрите также

grid