CSS "objektorientiert"?

[Matze]

Moin,

ich habe in css folgende Klassen definiert:

Code:

.btn_home {
   background-color: #1D317B;
   color: #FFFFFF;
   width: 100px;
   text-align: center;
   padding: 5px;
   
   float: left;
}

.btn_contact {
   background-color: #1D317B;
   color: #FFFFFF;
   width: 100px;
   text-align: center;
   padding: 5px;
   
   float: right;
}

Der Unterschied hier besteht nur in der Eigenschaft float.
Gibt es die Möglichkeit, das irgendwie zu vereinfacchen?

Ein Beispiel, wie ich es mir ungefähr vorstelle:

Code:

.btn {
   background-color: #1D317B;
   color: #FFFFFF;
   width: 100px;
   text-align: center;
   padding: 5px;
}

.btn_home|.btn {
   float: left;
}

.btn_contact|.btn {
   float: right;
}

Der senkrechte Strich "|" soll bedeuten, dass die Eigenschaften von .btn geerbt werden. Geht das irgendwie?