Css до определённого символа

[indorill.empty]

Доброго времени суток, такой вопрос, можно ли сделать так чтобы в одном теге присваивались два стиля. Например есть строчка "8 марта @ Международный Женский День в н/к "Сахар", можно ли сделать так чтобы до символа @ был один стиль а после другой? Чтобы @ был чем-то вроде разделителя?

[alexandr_v-vich]

Чисто css - нет. Используйте <span>. Ну или javascript.

[indorill.empty]

Чисто css - нет. Используйте <span>. Ну или javascript.

8 марта @ Международный Женский День в н/к "Сахар" заключена в теги <a></a>, и это название статьи, к ней доступа нету( А через javascript/jquery как можно?

[alexandr_v-vich]

8 марта @ Международный Женский День в н/к "Сахар" заключена в теги <a></a>, и это название статьи, к ней доступа нету(

Как нет доступа?...чего то не понимаю....ну это ладно, но всё же, если не я что то не понимаю:

<a><span>8 марта </span>@ Международный Женский День в н/к "Сахар"</a>

ну и два стиля - для "a" и для "a span".

А через javascript/jquery как можно?

Ну я думаю, логика такая.. Сначала получаем все теги, с которыми будем работать document.getElementsByTagName('a'), затем, там через регулярные выражения, видимо, ищем всё, что до "@", ну или после. И присваиваем этому стили какие надо. Может наверное и класс этому можно присвоить, но это тонкости, там разберётесь. Вот http://javascript.ru/basic/regular-expression - должно помочь.

[br3t]

$('a').each(function()
{
    var text = $(this).text().split('@');
    $(this).text('<span style="color:red">'+text[0]+'</span>@'+text[1]);
});

И далее допилить под свои нужны

Edited March 13, 2012 by br3t

[indorill.empty]

8 марта @ Международный Женский День в н/к "Сахар" заключена в теги <a></a>, и это название статьи, к ней доступа нету(

Как нет доступа?...чего то не понимаю....ну это ладно, но всё же, если не я что то не понимаю:

<a><span>8 марта </span>@ Международный Женский День в н/к "Сахар"</a>

ну и два стиля - для "a" и для "a span".

А через javascript/jquery как можно?

Ну я думаю, логика такая.. Сначала получаем все теги, с которыми будем работать document.getElementsByTagName('a'), затем, там через регулярные выражения, видимо, ищем всё, что до "@", ну или после. И присваиваем этому стили какие надо. Может наверное и класс этому можно присвоить, но это тонкости, там разберётесь. Вот http://javascript.ru/basic/regular-expression - должно помочь.

Там нет доступа к тегу, нужно лезть в индексный файл иодуля и там копаться, но я уже по другому сделал. Спасибо большое за помощь, а ваши советы учту на будущее)

$('a').each(function()
{
    var text = $(this).text().split('@');
    $(this).text('<span style="color:red">'+text[0]+'</span>@'+text[1]);
});

И далее допилить под свои нужны

Спасибо, на будущее буду знать)