avoiding duplication

[Roedy Green]

Computer programmers like myself don't like to clone specifications. I
like to specify things only once. Is there a way to abbreviate this
pair of styles. They are identical except for background colour.

I suppose I could use a pair of styles, but then I have to change all
the markup and it looks ugly in the markup. Is there as way to do
this purely in the style sheet so the markup does not know about it?
..titlejgloss, {
/* for java glossary title */
background : #91eaff;
border-color : #808080;
border-style : inset;
border-width : 1px;
display : block;
font-family : Arial,Helvetica,sans-serif;
font-size : 200%;
font-weight : bold;
padding : 5px;
margin-bottom : 10px;
margin-top : 0px;
}

..titlebgloss {
/* for gay glossary title */
background : red;
border-color : #808080;
border-style : inset;
border-width : 1px;
display : block;
font-family : Arial,Helvetica,sans-serif;
font-size : 200%;
font-weight : bold;
padding : 5px;
margin-bottom : 10px;
margin-top : 0px;
}

In practice I have a dozen or so of these things with theme and
variations.

--
Bush crime family lost/embezzled $3 trillion from Pentagon.
Complicit Bush-friendly media keeps mum. Rumsfeld confesses on video.
http://www.infowars.com/articles/us/...s_rumsfeld.htm

Canadian Mind Products, Roedy Green.
See http://mindprod.com/iraq.html photos of Bush's war crimes

[Johannes Koch]

Roedy Green wrote:

Computer programmers like myself don't like to clone specifications. I
like to specify things only once. Is there a way to abbreviate this
pair of styles. They are identical except for background colour.

.titlejgloss, .titlebgloss {
/* add properties that apply to both classes */
}
.titlejgloss {
/* add properties that only apply to titlejgloss */
}
.titlebgloss {
/* add properties that only apply to titlebgloss */
}

--
Johannes Koch
In te domine speravi; non confundar in aeternum.
(Te Deum, 4th cent.)

[Michael Winter]

On 22/06/2005 09:03, Johannes Koch wrote:

[snip]

.titlejgloss, .titlebgloss {
/* add properties that apply to both classes */
}
.titlejgloss {
/* add properties that only apply to titlejgloss */
}
.titlebgloss {
/* add properties that only apply to titlebgloss */
}

Adding to that, one can collapse some of the separate declarations into
single shorthand declarations. Namely:

border: 1px inset #808080;
font: bold 200% Arial, Helvetica, sans-serif;

Mike

--
Michael Winter
Replace ".invalid" with ".uk" to reply by e-mail.