записки на память об администрировании, web — программировании и прочих смежных темах

Подкрашиваем первое слово в теге

  • »
  • »
  • Подкрашиваем первое слово в теге
Подкрашиваем первое слово в теге

Возникла необходимость подкрасить первое слово в заголовке. В CSS нет псевдокласса :first-word по аналогии с :first-letter . В итоге, родился следующий г-код: 

<script>
jQuery(document).ready(function() {
var selectors = 'h1,h2,h3,h4,h5,h6';
var color = '#3d424b';
var delimiter = ' ';
jQuery(selectors).each(function() {
	val = jQuery(this).text().split(delimiter);
	val[0] = '<span style="color: '+color+';">'+val[0]+'</span>';
	jQuery(this).html(val.join(delimiter));
});
});
</script>

selectors - теги и селекторы, которые нужно подкрасить

color - цвет первого слова

delimeter - разделитель (в данном примере пробел)