Hallo,
<span class="abc def">GHI</span>
Ein Leerzeichen ist der Trenner zwischen zwei Klassennamen. Du hast also ein span-Element definiert, das sowohl zur Klasse abc als auch zur Klasse def gehört.
Und wenn man Elemente mit mehreren Klassen selektieren will, aber nicht Elemente, die nur eine der Klassen haben, kombiniert man in CSS beide Klassen ohne Leerzeichen:
.abc.def {
/* bla */
}
Tim