Hallo,
warum möchtest du basierend auf dem Inhalt des Elements stylen?
Wenn es rein ästhetische Gründe sind und das Element irgendwo im Quelltext vorkommen kann, gib dem span
eine passende Klasse und gut ist.
Vielleicht hat es aber auch semantische Gründe. Dann ist span
(ein Element ohne Semantik) falsch und sollte durch ein passenderes Element ersetzt werden. Abhängig davon, wie deine übrige Code-Basis aussieht, kannst du das eventuell über einen einfachen Element- oder Nachfahren-Selektor stylen:
em { color: red; }
.context em { color: blue; }