CSS nav piemērots pasvītrojuma ( text-decoration: underline;
) lietošanai tikai atsevišķiem vārdiem vairāku vārdu elementā. Labākais veids būtu katru vārdu ietīt laidumos (nevis atstarpes, tikai vārdus) laidumos un pasvītrot uz šiem laidumiem. Šeit ir jQuery, lai to izdarītu h1
elementiem.
$('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) + ''); ) ) )); ));
Tad jūs varētu darīt:
h1 span ( text-decoration: underline; )
Līdzīgs un nedaudz stabilāks risinājums: Lettering.js