Jak odziedziczyc po klasie "przodownik" w klasie "poprzodownik"



co trzeba wpisac zamiast : " .poprzodownik { " zeby dziedziczenie zaszlo?

chcialbym aby moim oczom okazal sie kwadrat o czerwonej obwodce i wymiarach 300x100px

z gory dzieki za pomoc

__________________________________________________________________

Niby-Rozwiazanie mam, w HTMLu daje:

< class="przodownik poprzodownik">

ale czy da sie polaczyc te style juz w cssie??

[HTML] pobierz, plaintext 
p {
    border: 1px solid red;
    width:300px;
    height:300px;
    }
 
p.poprzodownik {
    width: 100px;
    }
 
<p class="poprzodownik">asdf</p>
[HTML] pobierz, plaintext 

tak jak podawales, ewentualnie tak

[HTML] pobierz, plaintext 
.przodownik 
{
border: 1px solid red;
width:300px;
height:300px;
}
 
.przodownik , .poprzodownik 
{
width: 100px;
}
[HTML] pobierz, plaintext 

Dzieki za odp, od tamtego czasu mocno rozwinalem sie w CSS i kaskadowość jest nareszcie dla mnie zagadnieniem jasnym