Pasvītrot atsevišķus vārdus CSS-triki

Anonim

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 h1elementiem.

$('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