Подкрашиваем первое слово в теге
Возникла необходимость подкрасить первое слово в заголовке. В 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 - разделитель (в данном примере пробел)