Anulación CSS text-transform

Question

Estoy utilizando el siguiente CSS que transforma todo el texto en mayúsculas:

.taxtabs { 
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; 
font-size: .8em; 
width: inherit; 
text-align:center; 
text-transform: uppercase; 
border-collapse: collapse; 
} 

Ahora lo que me gustaría hacer es anular este CSS y permitir cierto texto a ser minúsculas. ¿Como podría hacerlo? Tal vez usando algún tipo de CSS en línea? Gracias.

Answer 1

mejor solución crear una clase que no tiene ningún text-transform.

.normal { 
    text-transform: none; 
} 

<div class="taxtabs"> 
... <span class="normal">this text is not uppercase</span> ... 
</div> 

Answer 2

tal vez añadir una nueva clase llamada a lowercase seleccionado .textabs para que pueda definir algo como esto:

.textabs.lowercase { text-transform: lowercase; } 

Answer 3

Crear una clase para cualquier elemento que no desea se taparon y se pusieron text-transform: none !important; en ella. No conozco su diseño, así que puse !important para una buena medida (por ejemplo, si su elemento tenía ambas clases texttabs y override).

.override { 
    text-transform: none !important; 
} 

Answer 4

No está seguro de lo que quiere hacer

si solo deseas para que algunos textos aparezcan en minúscula

sólo hay que añadir una nueva clase en él o heredar por encima de css

de

<label class="taxtabs">text</label> 

a

<label class="taxtabs lower">text</label> 
<style>.taxtabs.lower{text-transform: lowercase;}</style>