Pabraukite atskirus žodžius CSS-gudrybės

Anonim

Nėra CSS, kad pabraukimas ( text-decoration: underline;) būtų pritaikytas tik atskiriems kelių žodžių elemento žodžiams. Geriausias būdas būtų kiekvieną žodį suvynioti tarpatramyje (ne tarpus, tik žodžius) tarpais ir tiems tarpatramiams pritaikyti pabraukimą. Štai „jQuery“, kaip tai padaryti h1elementams.

$('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) + ''); ) ) )); ));

Tada galėtum padaryti:

h1 span ( text-decoration: underline; )

Panašus ir šiek tiek tvirtesnis sprendimas: „Lettering.js“