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

RE: inner structures

From: aquino welkin <emp@vsen.com>
Date: Fri, 7 Jan 2005 15:18:47 -0200
To: <www-style@w3.org>
Message-ID: <E1CmxmR-0003CG-3f@frink.w3.org>

Thanks for the replies

Sorry, the .logo *should* be inside the .head class

I know there's no brilliant point on this but still saves time and avoid
overwriting existing classes, basically by protecting one class inside
another, I use to have very simple names on my css because my current
application has 10+ themes and inside themes a style layer which makes
possible one theme extend into another dozen styles. 

There're many ".content" and ".border" classes and from that came the need,
thank you anyway :)

Aquino 

-----Original Message-----
From: Philip TAYLOR [mailto:P.Taylor@Rhul.Ac.Uk] 
Sent: sexta-feira, 7 de janeiro de 2005 08:35
To: aquino welkin
Cc: www-style@w3.org
Subject: Re: inner structures

Although I understand your desire for "minimalism"
(which I perceive as an admirable attempt to avoid unnecessary repetition in
CSS), I do not think your example is correct : surely if ".head." occurs
/within/ the braces of "#main", then ".logo" should occur /within/ the
braces of
".head".   N'est-ce pas ?

Philip TAYLOR
--------
aquino welkin wrote:
 > 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 incoming message.
Checked by AVG Anti-Virus.
Version: 7.0.300 / Virus Database: 265.6.9 - Release Date: 6/1/2005




-- 
No virus found in this outgoing message.
Checked by AVG Anti-Virus.
Version: 7.0.300 / Virus Database: 265.6.9 - Release Date: 6/1/2005
Received on Friday, 7 January 2005 18:05:11 GMT

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