Che senso ha questo? Come separare due classi?

[acquila]

Ciao! Mi sono trovato di fronte a questo css di un template. Ma che senso ha scrivere una doppia classe con la virgola? E poi quando applico la classe my-title che font-size si utilizza (40px oppure 21px)?
Insomma io vorrei separare le classi e quindi regolare a parte .name-title e poi my-title senza contraddizioni. Come potrei?

.name-title,.my-title
{
font-size:40px;
float:left;
display:block;
font-weight:300;
}
.my-title
{
font-size:21px;

[Al_katraz984]

è come scrivere:

.name-title {
 font-size:40px;
      float:left;
      display:block;
      font-weight:300;
}

.my-title {
 font-size:21px;
 float:left;
      display:block;
      font-weight:300;
} 

i css si leggono dall'alto al basso e da sinistra a destra, quello che trovi sotto sostituisce (sovrascrive) le regole sopra.. Quindi nel tuo caso, quando applico la classe my-title che font-size si utilizza? il 21px

[acquila]

è come scrivere:

.name-title {
 font-size:40px;
      float:left;
      display:block;
      font-weight:300;
}

.my-title {
 font-size:21px;
 float:left;
      display:block;
      font-weight:300;
} 

i css si leggono dall'alto al basso e da sinistra a destra, quello che trovi sotto sostituisce (sovrascrive) le regole sopra.. Quindi nel tuo caso, quando applico la classe my-title che font-size si utilizza? il 21px

Ah grazie Al_katraz984!

[acquila]

Ed al testo che comparirà in un div con classe .name-title come posso fare in modo che il testo parta solo da un certo punto in poi?
Cioè che cominci non ad inizio riga ma diciamo dopo 140 px? Questo spazio mi serve per inserire di sfondo una immagine.

[Al_katraz984]

aggiungi:

padding-left: 140px;

alla classe .name-title