CSS 2.1 - table layers when styling tables with css
When styling tables with css there are 6 six so called table layers
with cell layer being the highest and table element layer being the lowest
cell layer (highest)
row layer
row group layer
column layer
column group layer
table layer (lowest)
If we style a table via css, styles are applied to corresponding "layer" of the table where table elements are located.
There are few things to remember:
by default all table elements have transparent background so as an example, if we assign a background to a table element and one of the element on the next level doesn't have a background, table background will be visible.
if two layers have different backgrounds the next level background will overwrite the lower layer background