Span и :first-letter

задача. есть некая строка текста
<p>one two three four five six</p>
нужно в этой строке выделить некоторые блоки слов и в них выделить первую букву.
<p><span>one two three four</span> <span>five six</span></p>
в стиле если написать
span:first-letter{color:red}
то ничего не выделится, только так выделится:
p:first-letter{color:red}
но тогда будет только слово one с красной
а как сделать чтобы были one и five с красной?
в итоге должно быть
one two three four five six
но именно сплошным текстом.
пробовал делать через <li> и float:left, но тогда с переносами заморочки.
есть еще какойто выход здесь?

Если верить спецификации w3c http://www.w3.org/TR/REC-CSS1/#the-first-letter-pseudo-element
то этот класс применяется только к блочным элементам (The 'first-letter' pseudo-element can only be attached to a block-level element.), p им является, span - нет. То есть скорее всего на чистом css никак.

это я в курсе, но часто находятся всякие уловки чтоб обойти ограничения

например можно <p> выводить не с новой строки через display:inline
но тогда перестает работать :first-letter
может можно еще чтото придумать

EvGenius писал:

это я в курсе, но часто находятся всякие уловки чтоб обойти ограничения

Скорее всего тут только головняка добавится. Я бы сделал джаваскриптом в пару строчек на jquery.

EvGenius писал:

например можно <p> выводить не с новой строки через display:inline но тогда перестает работать :first-letter

Я думаю, что это завязано не на имя тега, что было бы нелогично, а именно на свойство display, поэтому ничего странного в этом нет.