Δεν υπάρχει CSS για την εφαρμογή υπογράμμισης ( text-decoration: underline;
) μόνο σε μεμονωμένες λέξεις σε ένα στοιχείο πολλών λέξεων. Ο καλύτερος τρόπος θα ήταν να τυλίξετε κάθε λέξη σε ένα διάστημα (όχι τα κενά, μόνο τις λέξεις) σε ανοίγματα και να εφαρμόσετε υπογράμμιση σε αυτά τα ανοίγματα. Εδώ είναι το jQuery για να το κάνετε αυτό στα h1
στοιχεία.
$('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) + ''); ) ) )); ));
Τότε θα μπορούσατε να κάνετε:
h1 span ( text-decoration: underline; )
Παρόμοια και ελαφρώς πιο ισχυρή λύση: Lettering.js