CSS Inheritance

[Luke]

Hi,

Is it possible to do this...

..MyStyle{

color: White;
font-family: Verdana;
font-size: 10px;
background-color: Blue;

}

..MyNewStyle{

INHERIT ALL THE STUFF FROM MyStyle
background-color: Red; /* OVERRIDE THE BGCOLOR*/

}
So, what I mean is, can I inherit and override certain properties from
another style. This will save me repeating the same style just to
change one property.

Thanks.

[Els]

Luke wrote:

Hi,

Is it possible to do this...

.MyStyle{

color: White;
font-family: Verdana;
font-size: 10px;
background-color: Blue;

}

.MyNewStyle{

INHERIT ALL THE STUFF FROM MyStyle
background-color: Red; /* OVERRIDE THE BGCOLOR*/

}
So, what I mean is, can I inherit and override certain
properties from another style. This will save me repeating
the same style just to change one property.

Yes, by writing it like this:
..MyStyle, .MyNewStyle{

color: White;
font-family: Verdana;
font-size: 10px;
background-color: Blue;

}

..MyNewStyle{

INHERIT ALL THE STUFF FROM MyStyle
background-color: Red; /* OVERRIDE THE BGCOLOR*/

}

HTH

--
Els
http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

[Harlan Messinger]

"Luke" <lu**********@ihsti.com> wrote in message
news:7e*************************@posting.google.co m...

Hi,

Is it possible to do this...

.MyStyle{

color: White;
font-family: Verdana;
font-size: 10px;
background-color: Blue;

}

.MyNewStyle{

INHERIT ALL THE STUFF FROM MyStyle
background-color: Red; /* OVERRIDE THE BGCOLOR*/

}
So, what I mean is, can I inherit and override certain properties from
another style. This will save me repeating the same style just to
change one property.

No, CSS doesn't provide that. What you CAN do is:

..MyStyle{
color: White;
font-family: Verdana;
font-size: 10px;
background-color: Blue;
}
..MyNewStyle{
background-color: Red;
}

and later

<div class="MyStyle MyNewStyle">...

with the class names separate by white space. Netscape 4.x won't recognize
this, and I don't know which version of IE first accepted it but IE6
understands it, as do the more advanced browsers.

[e n | c k m a]

> So, what I mean is, can I inherit and override certain properties from

another style. This will save me repeating the same style just to
change one property.

<div class="MyStyle MyNewStyle">...</div>

Pretty sure that'll do it, if anyone has another suggestion, feel free!

Nick.

[Michael Stemper]

In article <7e*************************@posting.google.com> , Luke writes:

Is it possible to do this...

.MyStyle{
color: White;
font-family: Verdana;
font-size: 10px;
background-color: Blue;
}

.MyNewStyle{
INHERIT ALL THE STUFF FROM MyStyle
background-color: Red; /* OVERRIDE THE BGCOLOR*/
}

That can be done this way:

..MyStyle, .MyNewStyle{
color: White;
font-family: Verdana;
font-size: 10px;
background-color: Blue;
}

..MyNewStyle{
background-color: Red; /* OVERRIDE THE BGCOLOR*/
}

--
Michael F. Stemper
#include <Standard_Disclaimer>
Outside of a dog, a book is man's best friend.
Inside of a dog, it's too dark to read.

[Martin Honnen]

Luke wrote:

Is it possible to do this...

.MyStyle{

color: White;
font-family: Verdana;
font-size: 10px;
background-color: Blue;

}

.MyNewStyle{

INHERIT ALL THE STUFF FROM MyStyle
background-color: Red; /* OVERRIDE THE BGCOLOR*/

}
So, what I mean is, can I inherit and override certain properties from
another style. This will save me repeating the same style just to
change one property.

You have two rules above and in CSS (at least in CSS 1 and CSS 2) there
is no mechanism to let one rule inherit from an earlier rule.

But of course you can use the class attribute to have an element styled
according to more than one class e.g.
<div class="MyStyle MyNewStyle">

--

Martin Honnen
http://JavaScript.FAQTs.com/

[Andreas Prilop]

On 19 Aug 2004, Luke wrote:

Is it possible to do this...

font-family: Verdana;
font-size: 10px;

Possible - but very naughty! This has been discussed to death here.
For example <http://www.html-faq.com/csspresentation/?verdana>

--
Top-posting.
What's the most irritating thing on Usenet?