[www-style] <none>

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 UTC