La prima lettera pseudo classe funziona perfettamente per l'elemento p ma non per l'ancora (collegamenti). Perché? Come rendere lo stile first-letter diverso per <a> elementocss prima lettera per il collegamento
a:first-letter
{
font-size:200%;
text-transform:uppercase;
color:#8A2BE2;
}
ne dite di questo http://jsfiddle.net/raynesax/8W7FF/8/
Ya its working http://jsfiddle.net/pahnin/zHqyc/ thnx – pahnin
Anche se è un vecchio post: basta usare display: inline-block per farlo funzionare. –
Secondo il W3 spec, lo pseudo-elemento :first-letter funzionano solo per un elemento di blocco, che non è a.
Stranamente, *:first-letter ha causato la trasformazione della prima lettera, in Chrome 14 e Firefox 3.6.23. Fiddle: http://jsfiddle.net/8W7FF/3/
tuo demo jsfiddle "funziona" perché la prima lettera O non è solo ': first-letter' di' 'ma anche': prima lettera 'di' '. Tuttavia, +1, la tua risposta sembra corretta. – duri
Immagino che sia perché * includerà il tag 'body', che jsFiddle vi posizionerà automaticamente. –
@duri Infatti http://jsfiddle.net/8W7FF/5/ – Curt
Se JavaScript è un'opzione che potrebbe essere la pena guardare: http://letteringjs.com (che dovrebbe essere abbastanza cross-browser compatibile)
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 per le informazioni – pahnin