Non esiste un CSS per applicare un carattere di sottolineatura ( text-decoration: underline;) solo a singole parole in un elemento composto da più parole. Il modo migliore sarebbe racchiudere ogni parola in un intervallo (non gli spazi, solo le parole) in intervalli e applicare la sottolineatura a quegli intervalli. Ecco jQuery per farlo con gli h1elementi.
$('h1').each(function() ( var words = $(this).text().split(' '); $(this).empty().html(function() ( for (i = 0; i < words.length; i++) ( if (i == 0) ( $(this).append('' + words(i) + ''); ) else ( $(this).append(' ' + words(i) + ''); ) ) )); ));Quindi potresti fare:
h1 span ( text-decoration: underline; )Soluzione simile e leggermente più robusta: Lettering.js