Применение стилей CSS к существующей таблице, которая построена как дерево

Question

Можно ли применить стиль CSS к существующей таблице HTML, которая построена как дерево?

Например, в Firefox таблица библиотек закладок построена как дерево. Можно ли применить стиль CSS к одному из столбцов (но не к другим)?

Использование treechildren тривиально применять стиль к целой строке. Но как насчет применения стиля только к одному столбцу?

Answer 1

treechildren:-moz-tree-cell-text(*property*) Используйте, заменив свойства с соответствующим именем свойства.

Например:

#placeContent > treechildren:-moz-tree-cell-text(placesContentTags) { 
    color: blue !important; 
} 

окрасит метки столбца синим цветом.

Работает отлично.

Answer 2

CSS-й ребенок должен помочь вам решить вашу проблему.

https://developer.mozilla.org/en-US/docs/Web/CSS/%3Anth-child

Вот краткий пример скрипка: https://jsfiddle.net/0gztemg6/

И CSS из приведенного выше примера:

td:nth-child(2) { 
    background-color: red; 
}