Dědičnost – CSS – Fórum – Programujte.com

Hoj, mám problém. mám asi 8 boxů které mají každý jiný barvu. Zybtek je stejné. Abych ale nemusel každému boxu vypisovat zdlouhavý stylopis (detailCours ) chtěl bych nějak zdědit styl (detailCours ) na box1 ....box3 a jen měnit barvu. Asi takto:

.detailCours {

  width: 220px;

  margin: 10px 20px 0px 20px;

  padding: 2px 5px 2px 5px;

  text-align:center;

  border: #FFFFFF solid 1px;

  color:#FFFFFF;

  float:left;

  display: inline; 

  background-color:#0066FF; 

}



.box1#detailCours{background-color: red;}

.box2#detailCours{background-color: blue;}

.box3#detailCours{background-color: black;}

<div class="box1">neco v něm</div>

.detailCours {

  width: 220px;

  margin: 10px 20px 0px 20px;

  padding: 2px 5px 2px 5px;

  text-align:center;

  border: #FFFFFF solid 1px;

  color:#FFFFFF;

  float:left;

  display: inline; 

  background-color:#0066FF; 

}



.box1{background-color: red;}

.box2{background-color: blue;}

.box3{background-color: black;}

<div class="detailCours box1">neco v něm</div>

<div class="detailCours box2">neco v něm</div>

super! to jsem hledal jen jsem nevěděl jak to pak dostat do html. Díky moc zachranil jsi me od utrpeni

dalo by se to i pomoci ID

.detailCours {

  width: 220px;

  margin: 10px 20px 0px 20px;

  padding: 2px 5px 2px 5px;

  text-align:center;

  border: #FFFFFF solid 1px;

  color:#FFFFFF;

  float:left;

  display: inline; 

  background-color:#0066FF; 

}



#box1{background-color: red;}

#box2{background-color: blue;}

#box3{background-color: black;}

<div class="detailCours" id="box1">neco v něm</div>

<div class="detailCours" id="box2">neco v něm</div>