Css multipli

  • Creatore Discussione Creatore Discussione Shyson
  • Data di inizio Data di inizio

Shyson

Utente Attivo
19 Ago 2012
1.179
1
38
Ho fatto molti bottoni col css, siccome voglio semplificare i codici ho pensato di nidificarli così

Codice:
a.bottone1:link,
a.bottone2:link,
a.bottone3:link,
a.bottone4:link {
    float: left; 
    width: 90px;
    height: auto;
    line-height: 35px;          /*Allinea verticalmente il testo */
    font-size: 0.95em; color: #004080;
    font-weight: bold;    /*Grossetto*/
    text-shadow: 0px 1px 0px #fff;
    text-decoration: none;
    display: block;
    text-align: center;
    margin: 0 auto;
}

Però il problema è che width cambia per ogni bottone, c'è un modo per personalizzarlo per ogni bottone?
 
Il classico modo una dicliarazione di stile ogni bottone, oppure la dichiarazione in linea
 
io metterei due classi per ogni bottone, per esempio metti la classe .btn su tutti i bottoni e ci metti dentro tutto tranne il width poi su ogni bottone metti una classe specifica tipo .btn-1, .btn-2, ecc. e ci metti solo il width.
in questo modo se devi cambiare un colore a tutti i bottoni lo fai su .btn mentre se devi cambiare un width lo fai solo sulla classe specifica
 

Discussioni simili

M
Risposte
0
Visite
1K
HTML e CSS
Membro cancellato 49667
M