pseudo selector para caracteres/palabras en mayúsculas?

Question

¿Hay un pseudoselector CSS para mayúsculas/caracteres/letras/palabras? Quiero que todas mis mayúsculas sean un pt más pequeño y todos los demás caracteres del mismo tamaño. Un capital no es necesariamente el primer carácter de una oración (o palabra) ni al revés.

O tal vez hay otra forma de encontrar estos caracteres en CSS? Con un truco? Me gustan los trucos.

Answer 1

Bueno, no es el selector de escasos apoyado first-letter, pero eso no es lo que quiere.

Por supuesto, también puede analizar su HTML en PHP, ajustando todas las mayúsculas en las etiquetas <span class="capital"></span>, pero eso es un truco.

Luego, por supuesto siempre se puede sacar el conejo jQuery magia y alterar su DOM en la carga de documentos para incluir los tramos. Eso también es un truco. ¿Te gustan los hacks?

Vamos a ver quién más se presenta con un truco de magia :-)

Answer 2

no creo que esto es posible.

mejor simplemente envolver las letras mayúsculas con un vano con una clase y el uso que el estilo de ellos.

Answer 3

Esto no es posible el uso de CSS.

Puede usar Javascript para marcar todos los caracteres del texto en mayúsculas (por ejemplo, usando if (yourtext == yourtext.toUpperCase())) y luego envolver un <span> alrededor de ellos que contenga su CSS para darles estilo.

O algo en torno a estas líneas: (¿tal vez alguien tiene el tiempo para crear un jsFiddle con este)

function wrapCaps() { 
    var text = document.getElementById("my_text").value; 
    for(i=0; i < text.length; i++) { 
     if(text[i].charCodeAt(text[i]) >= 65 && text[i].charCodeAt(text[i]) <= 90) 
     wrapNode(text[i], 'span'); 
    } 
} 

yo no probarlo, puede que tenga que utilizar replaceNode o algo por el estilo. El método charCodeAt solo busca letras mayúsculas, tenga en cuenta que no se incluirán caracteres unicode como letras mayúsculas griegas especiales.
Ahora sólo necesita el estilo de su periodo con algo como:

#my_text span { 
    font-size: 10px; 
}