Подчеркнуть отдельные слова - CSS-хитрости

Anonim

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