Pierwsza pseudo-klasa działa idealnie na element p, ale nie na kotwicę (łącza). Czemu? Jak zrobić styl pierwszej się inny dla <a> elementuPierwsza litera css dla łącza
a:first-letter
{
font-size:200%;
text-transform:uppercase;
color:#8A2BE2;
}
Jak o tym http://jsfiddle.net/raynesax/8W7FF/8/
Ya działa http://jsfiddle.net/pahnin/zHqyc/ thnx – pahnin
Nawet jeśli jest to stary post: Po prostu użyj display: inline-block, aby działał. –
Według W3 spec, pseudo-element :first-letter pracować tylko dla elementu blokowego, które a nie jest.
Dziwnie, *:first-letter spowodował pierwszą literę do przekształcenia, w Chrome 14 i Firefox 3.6.23. Fiddle: http://jsfiddle.net/8W7FF/3/
Twój jsfiddle demo "działa", ponieważ pierwsza litera o nie tylko ': first-letter' od' 'ale także': first-letter' of ''. Niemniej jednak +1, twoja odpowiedź wygląda poprawnie. – duri
Wyobrażam sobie, że tak jest, ponieważ * będzie zawierać znacznik 'body', który jsFiddle umieszcza tam automatycznie. –
@duri Rzeczywiście http://jsfiddle.net/8W7FF/5/ – Curt
Jeśli obsługa JavaScript jest opcją może być warte patrząc na: http://letteringjs.com (co powinno być dość kompatybilne z różnymi przeglądarkami)
https://bugzilla.mozilla.org /buglist.cgi?query_format=advanced&short_desc_type=allwordssubstr&short_desc=first-letter&bug_status=UNCONFIRMED&bug_status=NEW&bug_status=ASSIGNED&bug_status=REOPENED – Jauzsika
thnx za info – pahnin