W3C home > Mailing lists > Public > www-style@w3.org > January 2005

inner structures

From: aquino welkin <emp@vsen.com>
Date: Thu, 6 Jan 2005 16:09:07 -0200
To: <www-style@w3.org>
Message-ID: <E1Cmc5Q-0006JF-Py@frink.w3.org>

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 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 27 April 2009 13:54:35 GMT