inner structures

Hi,

I have a very specify idented way to write css, and started looking for a
solution to avoid repetition of ID/classes, since my research was
unsuccessful I want to ask you guys if this is possible, and if not, sugest
it to next implementations of the technology.

the following code:

#main 
{ 
	width: 416px; 
	float: left; 
}

    #main .head
    {
        width: 414px; height: 60px;
        position: relative;
        display: table-cell;
        border-right: solid 1px #81868C;
    }
    
        #main .head .logo 
        {
            margin: 10px 0px 10px 0px;
        }

would look like this:


#main 
{ 
	width: 416px; 
	float: left; 
	
    .head
    {
        width: 414px; height: 60px;
        position: relative;
        display: table-cell;
        border-right: solid 1px #81868C;
    }

        .logo 
        {
            margin: 10px 0px 10px 0px;
        }
	
}

note that the classes are contained inside the parent structure. I think the
advantages are visible, in these tabeless days, minimalist and clear code is
the goal

Regards
emp



-- 
No virus found in this outgoing message.
Checked by AVG Anti-Virus.
Version: 7.0.300 / Virus Database: 265.6.8 - Release Date: 3/1/2005

Received on Friday, 7 January 2005 02:21:55 UTC