Layers.
Many designers currently use extra wrapper elements to achieve some effects.
These wrapper elements have no semantic value and should not be in the xml.
All they provide to the css is an extra css-box to which one can apply styling.
The possibilities of multiple css-boxes are actually quite large. For example, the multiple background images and rounded corners are currently achieved, using extra wrapper elements in the xml. Other uses are multiple borders and drop shadows.
I’d like to specify this from within the css.
Example:
div.example (0){style for layer 0}
div.example (1){style for layer 1}
div.example (2){style for layer 2}
div.example (3){style for layer 3}
where the selector matches the element
and applies 4 layered css stylings to it.
Regards,
Alwin