Grazie della risposta, avevo già trovato quella guida ma non è proprio quello che cerco.
faccio un esempio concreto:
/*inizio Codice originale*/
.BlockHeader .l, .BlockHeader .r div
{
background-position: left top;
background-repeat: no-repeat;
background-image: url('../images/BlockHeader.png');
}
.header-tag-icon
{
display:inline-block;
background-position:left top;
background-image: url('../images/BlockHeaderIcon.png');
padding:0 0 0 16px;
background-repeat: no-repeat;
min-height: 14px;
margin: 0 0 0 5px;
}
/*fine Codice originale*/
BlockHeader.png questa è la barra blu sotto il titolo dei moduli
BlockHeaderIcon.png questo è il pallino accanto al titolo dei moduli
io volevo creare dei suffissi ai quali vorrei assegnare barre ed icone differenti ma non riesco...
con i suffissi sarebbe mooooolto + semplice e corretta la gestione...