Inheriting from another style in a another style

Question

If have a style like this:

.Style1
{
   background-color:white;
}

And a second style like this:

.Style2
{
   border: black solid 1px;
}

How do I get Style2 to have Style1 as a base style???

Malcolm

Answer 1

.Style1, .Style2 {
     background-color:white;
}

.Style2 {
     border: black solid 1px;
}

This way Style1 and Style2 will both have the background set to white, and only Style2 will also have a black border.

Answer 2

There's no inheritance in CSS. The closest you can get to inheritance is by specifying 2 classes in your HTML elements:

<div class="Style1 Style2">..</div>

Or you can simply use the same style name:

.Style1 { background-color:white; }
.Style1 { border: black solid 1px; }

Now Style1 will have both properties