how to inherit attributes in CSS class?

[redsss]

I want to change a DHTML button when the mouse rolls over by changing the class, like so:

<div class="normalclass" 
 onMouseover="this.className='hoverclass'"
 onMouseout="this.className='normalclass'" >Testing</div>

So my normal class has several attributes like

.normalclass 
{
 margin-bottom: 5px;
 background-color:yellow;
 color:red;
 width:130px;
}

and I want my hoverclass to inherit all those attributes of the normal class so that I only need to override certain attributes, like so:

.hoverclass {
background-color:green;
}

How do I make .hoverclass inherit the attributes of .normalclass?

 

[traingamer]

One way

.normalclass, .hoverclass
{
 margin-bottom: 5px;
 background-color:yellow;
 color:red;
 width:130px;
}

followed by

.hoverclass {
background-color:green;
}

Greg
"Personally, I am always ready to learn, although I do not always like being taught." - Winston Churchill

 

[redsss]

works for me - thanks!

 

[Vragabond]

Another way is to use the :hover pseudo class. If you need to cater for IE, you will have to use it with <a> element, but sometimes that is not unacceptable:

a.special {
 display: block;
 margin-bottom: 5px;
 background-color: yellow;
 color: red;
 width: 130px;
}

a.special:hover {
 background-color: green;
}