La primera clase de pseudoclase funciona perfecto para el elemento p pero no para el anclaje (enlaces). ¿Por qué? Cómo hacer que el estilo de primera letra diferente para <a> elementocss primera letra para el enlace
a:first-letter
{
font-size:200%;
text-transform:uppercase;
color:#8A2BE2;
}
¿Qué tal esto http://jsfiddle.net/raynesax/8W7FF/8/
Ya está funcionando http://jsfiddle.net/pahnin/zHqyc/ thnx – pahnin
Incluso si se trata de una publicación anterior: simplemente use display: inline-block para que funcione. –
De acuerdo con la W3 spec, el pseudo-elemento :first-letter sólo funcionan para un elemento de bloque, que no es a.
Curiosamente, *:first-letter causó la primera letra para transformar, en Chrome 14 y Firefox 3.6.23. Violín: http://jsfiddle.net/8W7FF/3/
Su demostración jsFiddle "funciona" porque la primera letra O no es sólo ': primera letter' de' 'pero también': primera letra' de ''. Sin embargo, +1, tu respuesta parece correcta. – duri
Me imagino que es porque * incluirá la etiqueta 'body', que jsFiddle coloca allí automáticamente. –
@duri Indeed http://jsfiddle.net/8W7FF/5/ – Curt
Si JavaScript es una opción que podría ser digno de mirar: http://letteringjs.com (que debe ser bastante distintos navegadores compatibles)
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 por la información – pahnin