Есть ли способ выбрать первый символ?: первая буква не работает

Пример проблемы: http://jsfiddle.net/6WYXk/

У меня есть html: <p>% hello world</p>

Я хочу сделать% жирным. Для этого обычно я пишу это в CSS:

p:first-letter
{
    font-weight: bold;
}

Однако это делает% и h жирным.

В идеале мне нужен селектор psudeo :first-character

Ответы

В самом деле, это нечетное. Не работает и для других символьных символов, и та же проблема обсуждалась в другом месте на SO.

Вы должны попробовать что-то вроде этого:

<p>hello world</p>

p:before { content:"%"; font-weight: bold; padding-right: 5px;}

Вы можете написать вот так:

<p><span>%</span> hello world</p>