[kwlug-disc] CSS: varying colours based on inheritance

John Johnson jvj at golden.net
Thu Jul 7 01:53:32 EDT 2011

On 2011-07-06 18:14, John Van Ostrand wrote:
> Here's an example
> ul { color: #00ff00; }
> ul ul { color: #00aa00; }
> ul ul ul { color: #007700;

And another example:
This one disassociates the tie-in to 'ul' and opens up the ability to 
tie the classes to other HTML elements.


.level_1 {
     color: #00ff00;
     other-attributes: values;

.level_1 .subLevel_1 {
     color: #00aa00;
     other-attributes: values;

.level_1 .subLevel_1 .subLevel_2 {
     color: #007700;
     other-attributes: values;

But neither example addresses the original request to do things 
As if HTML & CSS can be considered programming languages. ;)
Ref: http://urbanoalvarez.es/blog/2009/11/18/the-programmers-hierarchy/

Thanks to JohnVanO for showing how to do this in JavaScript.


More information about the kwlug-disc mailing list