Cell specific CSS design
As sites become more complex and segmented we continually see new ways to approach the design and layout of these sites. Quite often you see designers resorting to additional divs, classes and ids to try and identify areas within the site, which in many cases are semantically the same as other areas… but how do we style them?
One of the simplest and easiest ways to preserve and simplify your templates, classes and ids is to identify your subtree and node id in your body tag. Setting these classes allows your CSS editors to quickly identify and write custom selectors for specific areas of your site whilst not needing to modify multiple templates.
An example of doing so would be:
<body class="node_id_899 subtree_node_id_167">
The above can be generated from pagelayout.tpl providing your CSS editors a quick and easy method for identifying their current location and can style accordingly.