W3C home > Mailing lists > Public > www-style@w3.org > February 2002

[www-style] <none>

From: Todd Smith <todd@toddsmith.com>
Date: Mon, 11 Feb 2002 17:11:26 -0500 (EST)
Message-ID: <JIEEKFEPFDLDHMLNKFNDEEDECBAA.todd@toddsmith.com>
To: <www-style@w3.org>
To whom it may concern:

	Relating to the Syntax and Grammar module, I suggested that nesting of
selectors be allowed, for the purposes of simplifying style sheets and
providing a more encapsulated look to the sheet as well.

Here is a rather thourough example of my suggestion:

div.order-form
{
	background: gray;

	div.title-bar
	{
		background: navy;
		color: white;
		padding-left: 10px;
		height: 20px;
	}

	div.body
	{
		padding: 10px;
		color: black;

		div.line-item
		{
			margin-top: 5px;
			margin-bottom: 5px;
		}

		div.line-submit
		{
			text-align: center;
		}
	}
}

As a sheet which would describe HTML similar to this:

<div class="order-form">

	<div class="title-bar">Order Form Title</div>
	<div class="body">

		<div class="item-line">Color: <input type="text" /></div>
		<div class="item-line">Size: <input type="text" /></div>
		<div class="submit-line"><input type="submit" value="Order" /></div>

	</div>

</div>

does anybody else see the aesthetic (and technical) value of this?

Thanks,
Dan Culley

-------------------------
Todd Smith Products
http://www.toddsmith.com
http://www.stressball.com


Received on Tuesday, 12 February 2002 13:32:34 GMT

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