Repetition within the same CSS

[Neko]

Is it possible to set up 'variables' or a way to call a CSS class from
within a CSS class?

What I'm trying to do is to be able to regroup the same CSS information
at the same place. On a big site, you get many CSS entry that some
time, have parts of them that have all the same value. Ex.: Color or
Background-Color

..TitreRouge
{
font-size: 22px;
font-weight: bold;
color: #BA0000;
}

..ST_TitreRouge
{
font-size: 16px;
font-weight: bold;
color: #BA0000;
}

..ST_ST_TitreRo uge
{
font-size: 12px;
font-weight: bold;
color: #BA0000;
}

Would be nice if someone could tell me a way to get a wat to regroup
the color and font-weight at the same localisation so it does not get
copy/pasted on all the CSS.

Thanks,
Neko

[Christian Kirsch]

Neko schrieb:

Is it possible to set up 'variables' or a way to call a CSS class from
within a CSS class?

no

What I'm trying to do is to be able to regroup the same CSS information
at the same place. On a big site, you get many CSS entry that some
time, have parts of them that have all the same value. Ex.: Color or
Background-Color

.TitreRouge
{
font-size: 22px;
font-weight: bold;
color: #BA0000;
}

.ST_TitreRouge
{
font-size: 16px;
font-weight: bold;
color: #BA0000;
}

.ST_ST_TitreRou ge
{
font-size: 12px;
font-weight: bold;
color: #BA0000;
}

Would be nice if someone could tell me a way to get a wat to regroup
the color and font-weight at the same localisation so it does not get
copy/pasted on all the CSS.

you could use a 2nd class in your HTML-code like so
<h2 class="titre_de fault "TitreRouge ">

and then in CSS
..titre {
font-weight: bold;
color: #BA0000;
}

..TitreRouge {
font-size: 22px;
}

Alternatively, you could define the same attributes for the HTML
attributes you use:

h1, h2, h3 {
font-weight: bold;
color: #BA0000;
}
However, specifying font sizes in pixels is considered bad by many
regulars in this group.

[Neko]

Allright, Thanks.
I hope there will be a way to do so implemented soon. Would really add
organisation in CSS

[Harlan Messinger]

Neko wrote:

Is it possible to set up 'variables' or a way to call a CSS class from
within a CSS class?

What I'm trying to do is to be able to regroup the same CSS information
at the same place. On a big site, you get many CSS entry that some
time, have parts of them that have all the same value. Ex.: Color or
Background-Color

.TitreRouge
{
font-size: 22px;
font-weight: bold;
color: #BA0000;
}

Don't call the class TitreRouge. What happens if the site is redesigned
and it's decided to make the titles a different color? You could keep
the name TitreRouge, but that would create confusion. If you have to
change the name of the class everywhere it appears just because the
style changes, then you've defeated one of the main reasons to use
styles. So, give it a name (such as Titre) that is related to the use of
the class and not to the style you happen to be assigning it at the moment.

>
.ST_TitreRouge
{
font-size: 16px;
font-weight: bold;
color: #BA0000;
}

.ST_ST_TitreRou ge
{
font-size: 12px;
font-weight: bold;
color: #BA0000;
}

Make Titre one class and ST and ST_ST another pair of classes. You can
assign more than one class to an HTML element.

..Titre
{
font-weight: bold;
color: #BA0000;
}

..Titre.ST { font-size: 16px; }

..Titre.ST_ST {font-size: 12px; }

<div class="Titre">. ..
<div class="Titre ST">...
<div class="Titre ST_ST">...
(And I haven't even addressed why you shouldn't defined font sizes in
pixels. See many, many threads in this newsgroup for that.)

[Harlan Messinger]

Neko wrote:

Allright, Thanks.
I hope there will be a way to do so implemented soon. Would really add
organisation in CSS

The approach Christian and I provided IS a way to do it, and it's
already implemented. Yes, it requires you to plan and organize your
class structure effectively--and that's the way it *should* work.

Think of it this way. You want a particular combination of both font
weight and color to apply to several different parts of your page that
will, at the same time, differ in one or more ways from each other in
appearance. If there's a reason why those different elements should
share those two particular properties, it's means that there's something
about those elements that ties them together conceptually. You should
determine what that concept is and encapsulate it in a common class. Any
of the ways in which those elements differ from each other should be
factored out and expressed separately in other classes. Then assign the
respective elements to the appropriate class or combination of classes.

Either that, or there *isn't* any reason why those different elements
share those two particular properties--they just happen to. In that
case, you could easily decide later to change the style of one or more
of those elements independently of the others. In that case, you're just
locking yourself in unnecessarily by clumping the two properties
together and applying them as a unit, because if you change your mind
later then you just have to undo everything.

[Kevin Scholl]

Neko wrote:

Is it possible to set up 'variables' or a way to call a CSS class from
within a CSS class?

What I'm trying to do is to be able to regroup the same CSS information
at the same place. On a big site, you get many CSS entry that some
time, have parts of them that have all the same value. Ex.: Color or
Background-Color

.TitreRouge
{
font-size: 22px;
font-weight: bold;
color: #BA0000;
}

.ST_TitreRouge
{
font-size: 16px;
font-weight: bold;
color: #BA0000;
}

.ST_ST_TitreRou ge
{
font-size: 12px;
font-weight: bold;
color: #BA0000;
}

Would be nice if someone could tell me a way to get a wat to regroup
the color and font-weight at the same localisation so it does not get
copy/pasted on all the CSS.

..TitreRouge,
..ST_TitreRouge ,
..ST_ST_TitreRo uge
{
font-size: 22px;
font-weight: bold;
color: #BA0000;
}

..ST_TitreRouge
{
font-size: 16px;
}

..ST_ST_TitreRo uge
{
font-size: 12px;
}

The subsequent class-specific declarations override the "default" font
size, but share the weight and color. Also, as others mentioned, you
might reconsider the use of px for your font sizes.

HTH.

--

*** Remove the DELETE from my address to reply ***

=============== =============== =============== =========
Kevin Scholl http://www.ksscholl.com/
ks*****@comcast .DELETE.net
------------------------------------------------------
Information Architecture, Web Design and Development
------------------------------------------------------
We are the music makers, and we are the dreamers of
the dreams...
=============== =============== =============== =========