Псевдокласс первой буквы отлично подходит для элемента p, но не для якоря (ссылки).Зачем?Как сделать стиль первой буквы другим для элемента <a>
<a>
a:first-letter { font-size:200%; text-transform:uppercase; color:#8A2BE2; }
Как насчет этого http://jsfiddle.net/raynesax/8W7FF/8/
Согласно спецификации W3 , псевдоэлемент :first-letter работает только для блочного элемента, который a не является.
:first-letter
a
Как ни странно, *:first-letter вызвал преобразование первой буквы в Chrome 14 и Firefox 3.6.23. Скрипка: http://jsfiddle.net/8W7FF/3/
*:first-letter
Если JavaScript является опцией, возможно, стоит посмотреть: http://letteringjs.com (который должен быть достаточно совместим с браузерами)