Posted by Jonathan N. Little on 03/18/06 18:47

Bill_W_Stephens@yahoo.com wrote:

> Is there a way to simplify similar CSS class definitions. Here
> td.data_Dark and td.data_Light share common atributes that are
> different from td. See below.
>
> Is there a way to say td.data_Light is like td.data_Dark, except for
> background-color.
>
> Also is there a way to define a color code as a variable (eg:
> myBannerColor = "C8D7E3"), so when the client wants to change the
> colour scheme, I only have to make one CSS change instead of dozens.
>
> td {
> background-color:red;
> border-bottom:5px solid blue;
> padding-left:1px;
> }
>
>
> td.data_Dark{
> background-color:C8D7E3;
> border-bottom:1px solid white;
> padding-left:4px;
> }
>
>
> td.data_Light{
> background-color: DBE8F9;
> border-bottom:1px solid white;
> padding-left:4px;
> }
>

td.data_Dark,
td.data_Light {
padding-left: 4px;
border-bottom: 1px solid white;
}

td.data_Light {
/* should also spec color */
background-color: DBE8F9;
}

td.data_Dark {
/* should also spec color */
background-color: :C8D7E3;
}

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

[Back to original message]