Как в CSS - при помощи стилей, выделить первое слово в абзаце? Сделать, например, сделать его жирным или красным?

Как в CSS - при помощи стилей, выделить первое слово в абзаце? Сделать, например, сделать его жирным или красным?

Как в CSS - при помощи стилей, выделить первое слово?

» » Сообщение:

Как в CSS - при помощи стилей, выделить первое слово в абзаце? Сделать, например, сделать его жирным или красным?

В CSS пока нет псевдо-селектора :first-word по этому юзаем JavaScript

Вариант №1

php Код: Выделить всё Развернуть
$('#content p').each(function(){
    var me = $(this);
    me.html(me.text().replace(/(^\w+)/,'<strong class="firstWord">$1</strong>'));
});

Работает только с текстом.

Вариант №2

php Код: Выделить всё Развернуть
$('#content p').each(function(){
    var me = $(this),t=me.html().split(' ');
    me.html('<strong class="firstWord">'+t.shift()+'</strong> '+t.join(' '));
});

Нормально воспринимает вложенные теги.
..

Юзать:

php Код: Выделить всё Развернуть
<div id="content">
<
p>Lorem ipsum dolor <em class="em">sit amet</em>, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus <sub>a augue condimentum</sub> adipiscing.</p> <p>Aenean  sagittis. Etiam leo pede, rhoncus venenatis, <sup>tristique in, vulputate at</sup>,  odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce  varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id,  libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat  feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut,  sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh.</p>  <p>Donec nec libero.</p>
</
div>

<
style type="text/css">
.
firstWord{color:#F00;}
</style>
<
script type="text/javascript">
$(
'#content p').each(function(){
    var me = $(this),t=me.html().split(' ');
    me.html('<strong class="firstWord">'+t.shift()+'</strong> '+t.join(' '));
});
</script>

..

Как то же самое сделать на чистом JavaScript смотреть вот тут: www.dynamicsitesolutions.com
..

как в css, как сделать, при помощи стилей, выделить первое слово, выделить слово в абзаце, как сделать красным



Похожие темыКомментарии ПросмотрыПоследнее сообщение
6403Re: Получить информацию из $BODY$ п...
Сообщение от: ruplis
0481Защита от хотлинка при помощи .htac...
Сообщение от: Admin
0228Валидация email при помощи регэкспе...
Сообщение от: Admin
22142Re: Как раскрыть SELECT при помощи ...
Сообщение от: Admin