Подчертайте отделни думи - 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